body                { font-family: "Circular-Book", Arial, Helvetica; font-size: 1em; background-color: #fff;}
p                   { font-family: "Circular-Book", Arial, Helvetica; font-size: 1em; line-height: 1.3; font-weight: 400; }


a, a:visited, a:hover { color: #000; }


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-left: 10px; padding-right: 10px; }


.bordertop 			{ border-top: 1px solid #000; }
.borderbottom 		{ border-bottom: 1px solid #000; }

.btn-primary 		{ background-color: #fff; color: #000; border: none; box-shadow: none !important;}
.btn-primary:hover	{ background-color: #fff; border: none; color: #000; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: #fff; border: none; color: #000; }

#qc-cmp2-ui { padding-top: 20px !important; max-height: unset !important; min-height: 650px; max-height: 650px !important; background-color: #000 !important; }
.qc-cmp2-container p { text-align: center !important; font-family: Inter !important; font-size: 12px; color: #fff; }
.qc-cmp2-container h2 { color: #fff; margin-top: 45px !important; font-family: 'Gothia Serif' !important; font-size: 32px !important; font-weight: 300 !important; padding-top: 30px; }
.qc-cmp2-footer { border: none !important; margin-top: -20px !important; background-color: #000 !important;  }
.qc-cmp2-summary-buttons button { max-height: 50px !important; }
.qc-cmp2-scrollable-section { max-height: 170px !important; }
.hbLemz.hbLemz { border: none !important; }
#qc-cmp2-persistent-link { display: none; }


/* header */
.head           { background-color: #fff; min-height: 60px; padding-top: 15px;}
.head #sectione_logo  { display: block;  }
#mobilemenu       { display: none; }
.mobilemenu       { display: none; }
.myholder         { display: none; }
.myholder.showed { display: block; height: 60px; }

.playbutton { padding: 6px 10px; background: #fff url("../img/abspielen.jpg") 4px 11px no-repeat; width: 100px; padding-left: 22px; color: #000; cursor: pointer; height: 30px; display: block; cursor: pointer; margin: 0 auto;}

header                { position: relative; padding: 0px; z-index: 99999 !important; background-color: #fff; -webkit-transition: all 800ms ease-in-out;  -moz-transition: all 800ms ease-in-out;  -o-transition: all 800ms ease-in-out;  transition: all 800ms ease-in-out;}
header.halfway      { width: 100%; top: -200px;}
header.sticky       { top: 0px; background-color: #fff; padding-top: 7px; position: fixed; }
header.sticky #sectione_logo { display: block; padding-top: 0px; }
#sectione_logo img { max-width: 180px;  }
.logoholder       { height: 55px; }

#loading        { background: transparent url(../img/loading.gif) center center no-repeat; width: 64px; height: 64px; display: block; margin: 0 auto; }

.homelogo         { max-width: 60%; }

#dsgvo          { text-align: center; position: fixed; z-index: 50000; bottom: 0px; width: 100%; height: auto; background-color: #000; display: block; padding: 15px; color: #fff; border-top: 3px solid #fff;}
#dsgvo p        { color: #efefef; display: inline-block; font-size: 0.8rem; }
#dsgvo a        { color: #fff; text-decoration: underline; }
.btn            { margin-right: 20px; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;     color: #333;background-color: #fff; border-color: #ccc;}

#dsgvo button:hover, #dsgvo button:focus, #dsgvo .button:hover, #dsgvo .button:focus { background-color: #333; color: #fff; }



.mainmenu             { list-style-type: none; padding-top: 15px; margin: 0; }
.mainmenu li          { display: block; float: left; margin-right: 20px; }
.mainmenu li a,
.mainmenu li .fakelink  { color: #000; font-size: 1em; }
.HomePage .mainmenu > li > a,
.HomePage .mainmenu > li .fakelink { color: #000; }
.mainmenu > li.current,
.mainmenu > li.section,
.mainmenu > li:hover > a,
.mainmenu li:hover .fakelink  { text-decoration: underline; }
.submenu              {  display: none; float: left; text-align: left; margin-left: -40px;  position: absolute; z-index: 9999; padding-top:10px; padding-right: 10px; }
.submenu li       { display: block; float: left; clear: both; margin-right: 0px !important; padding-left: 10px; margin-left: -10px !important; background-color: #fff; padding-top: 7px; padding-bottom: 7px; width: 225px; min-width: 160px;}
.submenu.WirPage li   { min-width: 80px; width: 225px;}   
.submenu .blogholder a  { border-top: 1px solid #000; padding-top: 5px; padding-right: 20px; padding-bottom: 20px; margin-top: 5px; }
.submenu a        { font-size: 1em; color: #000 !important; }    
.submenu a:hover    { font-weight: bold; }
.submenu .current a     { text-decoration: underline; }
li:hover .submenu     { display: block;}
.submenu li       { margin-left: -50px !important; padding-left: 50px !important; }
.submenu li:last-child  { padding-bottom: 20px; }

.mainright        { margin-right: 50px; }
.mainleft li      { margin-right: 50px; margin-left: 50px; }
.mainright li       { margin-left: 100px;  }

.mainright li .submenu li { margin-left: 0px; }

header.sticky .submenu li { background-color: #fff; }

h1, h2, h3, h4, h5, h6	{ font-family: "Circular-Bold", Arial, Helvetica, sans-serif; color: #000; }
h1 						{ font-size: 8.4em; margin-top: 7%; margin-bottom: 4%; text-align: center; line-height: 1; }
h3 						{ padding-bottom: 1px; }
.bigtext 				{ font-size: 2.84em; font-weight: normal; margin-bottom: 0; font-family: "Circular-Book", Arial, Helvetica, sans-serif; }

.btn 					{ cursor: pointer; }

/* wirpage */
.jobmorelink 			{ font-size: 2.84em; font-family: "Circular-Book", Arial, Helvetica, sans-serif;}
.jobmorelink:after 		{ display: inline; content: "\f106"; font-family: "FontAwesome"; }
.jobmorelink.collapsed:after 		{ display: inline; content: "\f107"; font-family: "FontAwesome"; }

.modal-body img { float: left; padding-right: 10px;}
.btn-secondary { background-color: #000; color: #fff; }

.modal-backdrop { z-index: 99999; }
.modal          { z-index: 999999; }

/* home */
a.kategorie 			{ font-size: 1.55rem; font-weight: 500; font-family: "Circular-Bold", Arial, Helvetica sans-serif; color: #000;}

#frmSearch 				{ width: 60%; margin: 0 auto;}
#tfSuche 				{ border: none; border-bottom: 1px solid #000; font-size: 1.4em; font-family: "FontAwesome", "Circular-Book"; text-align: left; padding: 2px 5px; width: 100%; }

.freunde img 			{ max-width: 100%; }
.slider 				{ width: 80%; margin: 20px auto; min-height: 140px; }
.slide          { height: auto; width: 100%;}
.slide p        { text-align: center;}
#prev 					{ position: absolute; cursor: pointer; width: 38px; height: 67px; left: -40px; top: 55px; background: transparent url(../img/prev.jpg) center center no-repeat; }
#next 					{ position: absolute; cursor: pointer; width: 38px; height: 67px; right: -40px; top: 55px; background: transparent url(../img/next.jpg) center center no-repeat; }

.jscroll-added { margin-left: 0px; margin-right: 0px; }

.news h4 				{ text-transform: uppercase; padding-bottom: 0px; margin-bottom: 1px; margin-right: 75px;}
.newsdate 				{ position: absolute; right: 15px; top: 20px; font-family: "Circular-Bold", Arial, Helvetica sans-serif; }

.mehrlink 				{ border: 1px solid #000; padding: 5px 15px; font-family: "Circular-Bold", Arial, Helvetica sans-serif; background-color: #fff; outline: none !important; cursor: pointer;}
.mehrlink:hover   { text-decoration: none; }

.newsbox .mehrlink { position: relative; margin-bottom: 10px;}
.newsbox .collapse { padding-bottom: 50px; }

.projektbox img 		{ max-width: 100%; }

.PartnerHolder, 
.ClientsHolder			{ color: #aaa; }

.ClientsHolder strong { color: #000; }




.projektleft h2 		{ margin-bottom: 0px; line-height: 1;}
.projektleft h4 		{ margin-top: 0px; font-size: 1rem; line-height: 1; margin-bottom: 1rem; }

[data-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}

.newsbox 				{ min-height: 260px; }

.separatorline 			{ height: 1px; background-color: #000; width: 100%; margin-top: 15px; margin-bottom: 15px; clear: both; }

.projektbild 			{ position: relative;  margin-bottom: 10px; float: left;}
.opencredits 			{ cursor: pointer; position: absolute; bottom: 0px; right: 0px; height: 50px; width: 50px; background: rgba(0,0,0,0.5) url(../img/plus.png) center center no-repeat; background-size: 30px; }
.bildcredits 			{ position: absolute; color: #fff; background-color: rgba(0,0,0,0.5); text-align: left; width: 100%; bottom: 0px; min-height: 50px; z-index: 10; display: none;}
.bildcredits span 		{ padding-left: 10px; padding-top: 5px; display: block; line-height: 1.4; font-family: "Circular-Bold", Arial, Helvetica, sans-serif; font-size: 0.93em;}
.projektbild img 		{ display: block; position: relative; float: left;max-width: 100%; }
#weiterebilder 			{ display: inline-block; width: 100%; font-family: "Circular-Bold", Arial, Helvetica, sans-serif; text-align: center;}
.weiterebilder 			{ display: none; }
.close 					{ width: 50px; height: 50px; background: transparent url(../img/close.png) center center no-repeat; background-size: 30px; position: absolute; right: 0px; bottom: 0px;}


h3.filter-group button	{ cursor: pointer; background-color: #fff; border: none; }
button.kategorie 		{ border: none; background-color: #fff; font-size: 1.4em; font-family: "Circular-Bold", Arial, Helvetica, sans-serif; cursor: pointer; }

/* Isotope Transitions
------------------------------- */
.isotope,
.isotope .item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}


.projektbox           { overflow:hidden; position: relative; }
.projektbox img       { -webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease }
.projektbox:hover img { -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1) }


.projekttitle { top: 300px; text-align: center; color: #fff; position: absolute; bottom: -40px; left: 0px; right: 0px; background-color: rgba(0,0,0,0.8); -webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease;  }
.projektbox:hover .projekttitle { bottom: 0px; top: 0px; }

.abstander { float: right; margin-left: 10px;}

.menu       { cursor: pointer; margin: 0 auto; padding-left: 1.25em; position: absolute; width: 40px; height: 30px; display: none; right: 15px; top: 7px; }
.menu-global  { backface-visibility: hidden; position: absolute; left: 0; border-top: 4px solid black; width: 100%; transition: 0.55s; }
.menu-top     { top: 0; }
.menu-middle  { top: 12px; }
.menu-bottom  { top: 24px; }
.menu-top-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; }
.menu-middle-click { opacity: 0; }
.menu-bottom-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s;  }


.showwir      { display: none; }


@media screen and (max-width: 1440px) {
	.container { max-width: 1280px; }
  #hello { height: 60%; }
  .mainright { margin-right: 0px; }
  .mainright li { margin-left: 90px; }
}

@media only screen and (max-width: 1280px) {
  .mainleft li      { margin-right: 40px; margin-left: 10px; }
  .mainright li       { margin-left: 70px;  margin-right: 0px;} 

  .mainright li .submenu li { margin-left: 0px; }

  h1 { font-size: 6em; line-height: 1; }
}


@media screen and (max-width: 1024px) {
  .projektbild { float: right; }
  .close { right: -12px; bottom: -11px; }
}

@media screen and (max-width: 999px) {
    .mobilemenu { left: 0px; right: 0px; top: 0px; position: fixed; z-index: 9999 !important; text-align: center; background-color: white; min-height: 100vh; padding-top: 65px;}
    .mobilemenu a, .mobilemenu .fakelink { display: block; width: 100%; padding-top: 7px; padding-bottom: 7px; font-size: 1.7em; clear: both; }
}

@media screen and (max-width: 767px) {
  .newsdate { top: 2px; right: 11px;}
  .news h4 { padding-top: 8px; }
  .newsbox { padding-left: 0px !important; padding-right: 0px !important; }

  .slider { min-height: 420px; }
  #next,
  #prev { display: none !important; }

  #searchresult .row { margin-left: 0px; margin-right: 0px; }

  #mobilemenu   { color: #000; cursor: pointer; display: block; font-size: 3em; height: 45px; position: relative; margin-top: 2px; margin-right: 10px; float: right; width: 50px; z-index: 1000; background: transparent url(../img/bars.jpg) center center no-repeat; background-size: 44px 38px; }
  #mobilemenu.closed { background-image: url(../img/close.png); }

  .menu { display: block; }
  .sticky .menu { top: 1px;}
  
  header      { height: 60px; }
  .logoholder   { height:60px; text-align: left !important;}
  #frmMainHeadline { height: 55%; }
  .statement p  { width: 99%; margin: 0 auto; font-size: 1.7em;}
  .description  { font-size: 0.9em; }
  .mainleft,
  .mainright    { display: none; }
  .HomePage #sectione_logo  { display: block; float: left; margin-left: 10px;  }
  #sectione_logo  { margin-left: 0px; }
  #sectione_logo_open { margin-left: -19px; margin-top: -15px; }
  .mobilemenu   { left: 0px; right: 0px; top: 0px; position: fixed; z-index: 9999 !important; text-align: center; background-color: white; min-height: 100vh; padding-top: 65px; }
  .mainmenuitem   { position: relative; text-align: center; margin: 0 auto; }
  .mobilemenu a,
  .mobilemenu .fakelink   { display: block; width: 100%; padding-top: 7px; padding-bottom: 7px; font-size: 1.7em; clear: both;}

  .submenu    { text-align: center; position: relative; display: none; width: 100%; padding: 0px; float: none; margin-left: 0px;}
  .submenu.WirPage { display: block; }
  .submenu li   { width: 100% !important; padding: 0px; margin: 0 !important; padding-left: 0px !important; }
  .submenu li a   { padding-top: 3px; padding-bottom: 3px; font-size: 1.5em; }
  .expanded     { text-decoration: underline; }


  h1 { font-size: 2.8em;  }
  .ClientsHolder h1 { font-size: 2.3em; }
  .bigtext { font-size: 1.6em; }
  #team .col-12 img { max-width: 100%; }

  .mehrlink { display: block; float: left; margin-bottom: 10px; min-width: 205px; text-align: center; }
  .newsbox { min-height: 225px; float: left; clear: both; }

  .showwir { padding-right: 20px; margin-top: 12px; display: block; float: right; }
  .wirlogo { text-align: center !important; }
  .wirblock { display: none; }

  .fa-angle-down, .fa-angle-up { font-size: 1.4em; }
}





@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .head { padding-top: 15px; }
    .head #sectione_logo { padding-top: 0px; }
    .head #mobilemenu   { top: -9px;}
    .blogentries { padding-right: 0.975em;padding-left: 0.975em;}
    .submenu li { padding-left: 0px !important; }

  
    .menu { top: 5px; }
    .sticky .head #sectione_logo { margin-top: -5px; }

    .playpause { top: 46%; }

    .show-for-large-up { display: none; }
    .menu { display: block; }
    .mainright { display: none; }
    .logoholder { text-align: left !important; padding-left: 30px; }

    #prev { left: -20px; }
    #next { right: -20px; }

     .mobilemenu { left: 0px; right: 0px; top: 0px; position: fixed; z-index: 9999 !important; text-align: center; background-color: white; min-height: 100vh; padding-top: 65px;}
    .mobilemenu a, .mobilemenu .fakelink { display: block; width: 100%; padding-top: 7px; padding-bottom: 7px; font-size: 1.7em; clear: both; }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .head { padding-top: 15px; }
  .head #sectione_logo { padding-top: 0px; }
  .head #mobilemenu   { top: -9px;}
  
}