/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
@font-face {
  font-family: "Futura LT W01 Light";
  src: url("../eot/2b40e918-d269-4fd9-a572-19f5fec7cd7fd41d.eot#iefix");
  src: url("../eot/2b40e918-d269-4fd9-a572-19f5fec7cd7fd41d.eot#iefix")
      format("eot"),
    url("../woff2/26091050-06ef-4fd5-b199-21b27c0ed85e.woff2")
      format("woff2"),
    url("../woff/cca525a8-ad89-43ae-aced-bcb49fb271dc.woff")
      format("woff"),
    url("../ttf/88cc7a39-1834-4468-936a-f3c25b5d81a1.ttf")
      format("truetype");
}

@font-face {
  font-family: "Futura LT W01 Bold";
  src: url("../eot/87f56fc1-ab05-4355-90af-9e83740663afd41d.eot#iefix");
  src: url("../eot/87f56fc1-ab05-4355-90af-9e83740663afd41d.eot#iefix")
      format("eot"),
    url("../woff2/3cf9e1e8-63a2-497f-86ed-6b63d6de1986.woff2")
      format("woff2"),
    url("../woff/184895ac-545b-450b-9d3a-c0a0a7620977.woff")
      format("woff"),
    url("../ttf/bf8628d2-1ae0-4645-ba3f-3ce62d8d907c.ttf")
      format("truetype");
}

/* WEBFONTS CENTURY */
@font-face {
  font-family: "CenturyStd-Book";
  src: url("../eot/itc-centurystd-book.eot");
  /* IE9 Compat Modes */
  src: url("../eot/itc-centurystd-bookd41d.eot#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../otf/itc-centurystd-book.otf") format("opentype"),
    /* Open Type Font */ url("../svg/itc-centurystd-book.svg") format("svg"),
    /* Legacy iOS */ url("../ttf/itc-centurystd-book.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("../woff/itc-centurystd-book.woff")
      format("woff"),
    /* Modern Browsers */ url("../woff2/itc-centurystd-book.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* WEBFONTS UNIVERS */
@font-face {
  font-family: "UniversLTStd-Cn";
  src: url("../eot/linotype-universltstd-cn.eot");
  /* IE9 Compat Modes */
  src: url("../eot/linotype-universltstd-cnd41d.eot#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../otf/linotype-universltstd-cn.otf") format("opentype"),
    /* Open Type Font */ url("../svg/linotype-universltstd-cn.svg") format("svg"),
    /* Legacy iOS */ url("../ttf/linotype-universltstd-cn.ttf")
      format("truetype"),
    /* Safari, Android, iOS */ url("../woff/linotype-universltstd-cn.woff")
      format("woff"),
    /* Modern Browsers */ url("../woff2/linotype-universltstd-cn.woff2")
      format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* ------------------------------- IDENTITIES ------------------------------- */

/* Font Butler-Black */

@font-face {
  font-family: "Butler-Black";
  src: url("../eot/butlerblackdcfe6c4bc4dc3d852d7ac7c9195a24a1.eot");
  /* IE9 Compat Modes */
  src: url("../eot/butlerblackdcfe6c4bc4dc3d852d7ac7c9195a24a1d41d.eot#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../otf/butlerblackdcfe6c4bc4dc3d852d7ac7c9195a24a1.otf")
      format("opentype"),
    /* Open Type Font */
      url("../svg/butlerblackdcfe6c4bc4dc3d852d7ac7c9195a24a1.svg") format("svg"),
    /* Legacy iOS */
      url("../ttf/butlerblackdcfe6c4bc4dc3d852d7ac7c9195a24a1.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../woff/butlerblackdcfe6c4bc4dc3d852d7ac7c9195a24a1.woff")
      format("woff"),
    /* Modern Browsers */
      url("../woff2/butlerblackdcfe6c4bc4dc3d852d7ac7c9195a24a1.woff2")
      format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* -------------------------------------------------------------------------- */
/* -------------------------- STUB Comment Anchors -------------------------- */

/*
Kürzel für Plugin "Comment Anchors" um Lesezeichen zu setzen
alle Kürzel funktionieren nur in GROSSCHREIBUNG

anchor      Used to indicate a section in your file
todo        An item that is awaiting completion
fixme       An item that requires a bugfix
stub        Used for generated default snippets
note        An important note for a specific code section
review      An item that needs additional review
section     Used to define a region (See 'Hierarchical anchors')

*/

/* -------------------------------------------------------------------------- */
/* ----------------------------- STUB Kommentare ---------------------------- */

/*
Tastenkürzel um Kommentarblöcke zu erzeugen
*/

/* Shift + Alt + X */
/* -------------------------------------------------------------------------- */
/*                               Shift + Alt + X                              */
/* -------------------------------------------------------------------------- */

/* Alt + X */
/* --------------------------------- Alt + X -------------------------------- */

/* Alt + Y */
/* -------------------------------------------------------------------------- */

/* Strg + # */
/*  */

/* -------------------------------------------------------------------------- */
/* ------------------------------- STUB Farben ------------------------------ */

/*
Schmuckfarbe:
#b51f29;
---
schwarz:
#222121;
*/

/* -------------------------------------------------------------------------- */
/* ---------------------------- STUB Breakpoints ---------------------------- */

/*


@media (max-width: 449px) {
    Handy klein
}

@media (min-width: 450px ) {
    Handy größer
}

@media (min-width: 640px ) {
    beginn der 1-Spaltigkeit statt 756
}

@media (min-width: 992px ) {

}

@media (min-width: 1200px ) {

}


________________________________________________________________________________
@media (min-width: 1024px ) {
	…
}
@media (min-width: 1500px ) {
	…
}
________________________________________________________________________________
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	…
}
________________________________________________________________________________
*/

/* -------------------------------------------------------------------------- */
/*                           STUB INHALTSVERZEICHNIS                          */
/* -------------------------------------------------------------------------- */

/*
INHALTSVERZEICHNIS
------------------

01. 	Allgemeine Angaben
02. 	Menü
03. 	Projekte
03.1 	Projekte Kitzig Interior Design
03.2 	Projekte Identities
03.3 	Projekte Details
04.1 	About - Kitzig Interior Design
04.2 	About - Identities
04.3 	About - Details
05. 	Aktuelles
06. 	Karriere
07. 	Presse - 1270
08. 	Flipbook
09. 	Team
10. 	Kontakt
11. 	Footer

*/

/* Allgemeiner Hinweis: */
/* Anzahl der Spalten nur für Übersichtsseiten anders, siehe unter Projekte */

/* -------------------------------------------------------------------------- */
/*                           NOTE ALLGEMEINE ANGABEN                          */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

#screetsxi {
  display: none !important;
}

/* --------------------------- Abstände horizontal -------------------------- */
@media (min-width: 1200px) {
  .vc_column_container > .vc_column-inner {
    padding-left: 22px;
    padding-right: 22px;
  }
}

/* ----------------------- Abstände vertikal über 1200 ---------------------- */
@media (min-width: 1200px) {
  .vc_column_container {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

/* ---------------------- Abstände vertikal unter 1199 ---------------------- */
@media (max-width: 1199px) {
  .vc_column_container {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

/* VisualComposer Zeilen mit der Class spaltenanzahl 
springen ab 1200 in die 2-Spaltigkeit. Wichtig bei allen
Übersichtsseiten */
@media (min-width: 640px) and (max-width: 1199px) {
  .spaltenanzahl .vc_col-sm-4 {
    width: 50%;
  }
}

p,
img {
  margin: 0;
  padding: 0;
}

/* alle Textbereiche mit P wieder Abstand nach Abschnitt */

.aktuell-inhalt-quer p,
.aktuell-inhalt-hoch p,
.normal p,
.absatz p {
  margin-bottom: 20px;
}

.aus {
  display: none !important;
}

/* allgemein alle Listen ohne äußeren Abstand */
.content ol,
.content ul {
  margin: 0;
}

/* damit der Footer auch bei Seiten mit wenig Inhalt unten ist */
.content {
  min-height: 75vh;
}

html,
body,
p,
body.page,
.wf-container > * {
  font-family: "Futura LT W01 Light";
}

h1,
h2 {
  font-family: "Futura LT W01 Bold" !important;
}

h3,
h4,
h5,
h6 {
  font-family: "Futura LT W01 Light" !important;
}

h1 {
  margin-bottom: 50px;
}

/* Allgemein Schrift */

.flight p {
  font-family: "Futura LT W01 Light";
  padding-bottom: 20px;
}

/* margin-bottom hat kleine Auswirkungen auf last::child */
.fbook p {
  font-family: "Futura LT W01 Light";
  padding-bottom: 20px;
}

.fbold p {
  font-family: "Futura LT W01 Bold";
  padding-bottom: 20px;
}

.pbnull p {
  padding-bottom: 0;
}

/* Allgemeine Schriftgrößen */
.fs15 p,
.fs15 {
  font-size: 15px !important;
  line-height: 25px !important;
}

.fs20 p,
.fs20 {
  font-size: 20px;
  line-height: 30px;
}

.fs26 p,
.fs26 {
  font-size: 26px;
  line-height: 36px;
}

.fs30 p,
.fs30 {
  font-size: 30px;
  line-height: 40px;
}

.fs45 p,
.fs45 {
  font-size: 45px;
  line-height: 65px;
}

.fs60 p,
.fs60 {
  font-size: 45px;
  line-height: 65px;
}

@media (max-width: 991px) {
  .fs15 p,
  .fs15 {
    font-size: 13px;
    line-height: 23px;
  }

  .fs20 p,
  .fs20 {
    font-size: 16px;
    line-height: 25px;
  }

  .fs26 p,
  .fs26 {
    font-size: 20px;
    line-height: 30px;
  }

  .fs30 p,
  .fs30 {
    font-size: 20px;
    line-height: 30px;
  }

  .fs45 p,
  .fs45 {
    font-size: 25px;
    line-height: 35px;
  }

  .fs60 p,
  .fs60 {
    font-size: 25px;
    line-height: 35px;
  }
}

.fsu p {
  text-decoration: underline;
}

@media (max-width: 450px) {
  .fs26 p {
    font-size: 18px;
    line-height: 28px;
  }
}

.whitefont,
.whitefont * {
  color: #ffffff;
}

.blackfont,
.blackfont a,
a.blackfont {
  color: #222121;
}

.tcenter,
.tcenter p {
  text-align: center;
}

.tupper,
.tupper p {
  text-transform: uppercase;
}

hr {
  height: 1px;
  border: none;
  color: rgba(102, 102, 102, 0.15);
  background-color: rgba(102, 102, 102, 0.15);
  width: 100%;
  margin: 7px 0 5px 0;
}

/* Email-Links auf den Kontaktseiten */
a.kidmail,
a.kidmail:hover,
a.kidmail:visited {
  text-decoration: none;
}

.kitzigschalter .ult_btn10_span {
  font-family: "Futura LT W01 Light";
  font-size: 26px;
  padding: 15px 45px 15px 45px;
  border: 2px solid #222121;
}

/* verhindert die Anzeige das die aktuelle Seite ggf. nicht der ausgewählten Sprache vorliegt */
.qtranxs-available-languages-message {
  display: none !important;
}

span.schmuckfarbe {
  color: #b51f29;
}

/* ------------------ Ein- Aus- Schalter bei breakpoint 991 ----------------- */

@media (min-width: 992px) {
  .toggle992_more {
    display: block !important;
  }

  .toggle992_less {
    display: none !important;
  }

  .toggle_mobile {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .toggle992_more {
    display: none !important;
  }

  .toggle992_less {
    display: block !important;
  }

  .toggle_mobile {
    display: none !important;
  }
}

@media (max-width: 520px) {
  .toggle992_more {
    display: none !important;
  }

  .toggle992_less {
    display: none !important;
  }

  .toggle_mobile {
    display: block !important;
  }
}

/* --------------------------- Sonstiges Allgemein -------------------------- */

/* Author u.ä. Angaben bei Suche ausschalten */
.entry-meta .portfolio-categories {
  display: none !important;
}

/* -------------------------------------------------------------------------- */
/*                                  NOTE MENÜ                                 */
/* -------------------------------------------------------------------------- */

/* Schrift Hauptmenu */
.main-nav > li > a .menu-text {
  font-family: "Futura LT W01 Light";
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.5px;
}

/* Schrift Untermenu */
.main-nav .sub-nav > li > a .menu-text,
.mini-nav .sub-nav > li > a .menu-text {
  font-family: "Futura LT W01 Light";
  font-size: 16px;
}

/* breite Sprachmenü */
li.mc_sprachen:not(.dt-mega-menu) .sub-nav {
  width: 60px;
}

/* breite Kontaktmenü da es sonst manchmal nach links ruscht */
li.mc_kontakt:not(.dt-mega-menu) .sub-nav {
  width: 170px;
}

/* Schatten um Untermenü deaktivieren */
.footer-sub-nav,
.sub-nav {
  box-shadow: none !important;
}

/* Sprachmenü ohne active und hover immer schwarz */
.mc_sprachen a .menu-text {
  color: #222121 !important;
}

.mc_sprachen a[data-level="1"] .menu-text {
  font-family: "Futura LT W01 Light";
}

/* mobil Schatten entfernen */
.masthead.masthead-mobile-header:not(#phantom) {
  box-shadow: none;
}

/* ----------------- vollflächiger weisser Menü-Hintergrund ----------------- */

@media (min-width: 1200px) {
  /* HG Untermenu - weisser Hintergrund auf ganzer breite */
  .phantom-sticky.phantom-custom-logo-on .sticky-on .branding .sticky-logo,
  .phantom-sticky.phantom-custom-logo-on
    .sticky-off
    .branding
    > a:not(.sticky-logo),
  .phantom-sticky.phantom-custom-logo-on
    .sticky-off
    .branding
    > img:not(.sticky-logo) {
    z-index: 999;
  }

  .sub-nav {
    background-color: rgba(255, 255, 255, 0);
  }

  .sub-nav::after {
    content: "";
    background-color: rgba(255, 255, 255, 0.95);
    position: absolute !important;
    top: 26px;
    bottom: 0;
    /* margin-top:13px;   */
    left: -2000px !important;
    width: 6000px !important;
    z-index: -202;
    border-bottom: 1px solid #d8d8d8;
  }
}

/* sonst wird bei mobil hover kein Logo dargestellt  */
.mobile-main-nav .sub-nav > li > a:hover {
  background: left bottom !important;
}

/* ------------------------------ Logos im Menü ----------------------------- */

li.m-kid > a {
  display: block;
  background-image: url("../png/menu-kid.png");
  background-repeat: no-repeat;
  background-size: 230px 30px;
  width: 230px;
  height: 35px;
  text-indent: -9000px;
  cursor: pointer;
}

li.m-ki > a {
  display: block;
  background-image: url("../png/menu-ki.png");
  background-repeat: no-repeat;
  background-size: 230px 30px;
  width: 230px;
  height: 35px;
  text-indent: -9000px;
  cursor: pointer;
}

li.m-kd > a {
  display: block;
  background-image: url("../png/menu-kd.png");
  background-repeat: no-repeat;
  background-size: 230px 30px;
  width: 230px;
  height: 35px;
  text-indent: -9000px;
  cursor: pointer;
}

/* Abstand Logo zum Untermenü darüber */
li.m-kid,
li.m-ki,
li.m-kd {
  padding-top: 15px;
}

/* Logos mobil ausblenden */
@media (max-width: 1199px) {
  .mobile-main-nav .sub-nav > li.m-kid,
  .mobile-main-nav .sub-nav > li.m-ki,
  .mobile-main-nav .sub-nav > li.m-kd {
    display: none;
  }
}

li.about-ki-lm > a {
}

/* ------------------------------- Menutoggle ------------------------------- */

/* nur mobil sichtbar */
@media (min-width: 1200px) {
  .MT-mobil {
    display: none !important;
  }
}

/* nur bei Desktopbreite sichtbar */
@media (max-width: 1199px) {
  .MT-desktop {
    display: none !important;
  }
}

/* ------------------------------ mobiles Menü ------------------------------ */

/* Schrift Hauptpunkt */
.mobile-main-nav li > a .menu-text {
  font-family: "Futura LT W01 Light";
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Schrift Unterpunkt */
.dt-mobile-header .mobile-main-nav li .sub-nav > li > a .menu-text {
  font-family: "Futura LT W01 Light";
}

/* Plus X für Hauptmenü mit Unterpunkten ausblenden */
.dt-mobile-header .next-level-button {
  display: none;
}

.mobile-main-nav > li::before {
  border: none;
}

.studiologo-mobil {
  position: fixed;
  display: inline-block;
  top: 25px;
  left: 25px;
  background-image: url("../png/kds_logo_140px.png");
  background-size: 76px 71px;
  background-repeat: no-repeat;
  width: 76px;
  height: 71px;
  cursor: pointer;
}

/* 25 Jahre Logo im Menu */
.s25years-mobil {
  position: absolute;
  display: inline-block;
  top: -35px;
  left: 12px;
  background-image: url("../png/25years_kid_logo.png");
  background-size: 58px 70px;
  background-repeat: no-repeat;
  width: 58px;
  height: 70px;
  z-index: 999;
}

/* 25 Jahre Logo in der Seite */
.s25year-seite {
  position: relative;
  display: inline-block;
  background-image: url("../png/25years.png");
  background-size: 160px 160px;
  background-repeat: no-repeat;
  width: 160px;
  height: 160px;
  text-align: center;
  margin: 2.7rem 0 0.8rem 0;
}

.right-mobile-menu-close-icon .dt-close-mobile-menu-icon {
  cursor: pointer;
}

.mobile-main-nav > li a.not-clickable-item {
  cursor: pointer;
}

.mobile-main-nav .sub-nav {
  margin-left: 16px;
}

.mobile-main-nav > li > .sub-nav:last-child {
  margin-bottom: 5px;
}

.mobile-main-nav .sub-nav > li > a,
#page .mobile-main-nav .sub-nav li {
  padding: 4px 0px 4px 0;
}

/* Desktop Sprachenmenü mobil ausblenden */
.mobile-main-nav > li.mc_sprachen {
  display: none;
}

/* mobiles Sprachmenu */
li.langmenus {
  margin: 0 15px 0 0 !important;
}

.dt-mobile-header .mini-nav {
  margin: -10px 0 15px -20px;
}

/* Socialmedi-Icons nur im mobilen Menü nicht Footer */
.socialmedia-microwidget {
  margin: 0 0 0 -9px;
  width: 250px;
}

.socialmedia-microwidget .ksmi {
  border-spacing: 4px 0;
}

.mobile-main-nav > li > a {
  padding-top: 13px;
  padding-bottom: 13px;
}

/* -------------------------------------------------------------------------- */
/*                               NOTE STARTSEITE                              */
/* -------------------------------------------------------------------------- */

/* --------------------------- Start 3 Slider oben -------------------------- */

/* rechts links über 992 12 px abziehen */
@media (min-width: 992px) {
  .start3sc {
    margin-left: -12px;
    margin-right: -12px;
  }
}

/* Container für Bild mit Höhe und Breite */
/* bei Angabe Höhe werden alle Bilder gleich hoch angezeigt und ggf angeschnitten */
.slider3neben-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* Bild das beschnitten wird falls Platz nicht ausreicht */
.slider3neben-container img {
  display: block;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

/* min Höhe der Bilder beim laden */
.slider3hoch img {
  min-width: 310px;
  min-height: 434px;
}

/* grauer transparent Streifen für Projektlink */
/* funktioniert mit transform perfekt um img responsive zu verkleinern,
   aber in diesen Fall tmp aus um abzuschneiden
.slider3neben-streifen {
	width: 100%;
	position: relative;
	bottom: 195px;
	height: 140px;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99;
}

.slider3neben-logo {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 18px 0 0 0;
}

*/

/* Angaben die für quer und hoch gelten */
.slider3neben-streifen,
.slider3unter-streifen {
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 99;
}

/* Hochformat */
.slider3neben-streifen {
  bottom: 175px;
  height: 120px;
  margin-bottom: -170px;
}

.slider3neben-streifen a img {
  height: 120px;
  width: auto;
}

/* Querformat */
.slider3unter-streifen {
  bottom: 155px;
  height: 100px;
  margin-bottom: -150px;
}

.slider3unter-streifen a img {
  height: 100px;
  width: auto;
}

@media (max-width: 640px) {
  /* Querformat */
  .slider3unter-streifen {
    bottom: 135px;
    height: 80px;
    margin-bottom: -130px;
  }

  .slider3unter-streifen a img {
    height: 80px;
    width: auto;
  }
}

/* nur bei Mobilgeräten da es zB auf dem iPdad sonst riesig wird */
/* Slider quer zentriert mit maximale Breite */
.mobil3slider_mb {
  margin: 0 auto 0 auto;
  max-width: 600px;
}

/* --------------------------- News Kunden Awards --------------------------- */

/* startslink */
/* unterstrichene Links auf der Startseite */
.startslink a,
.startslink a:link,
.startslink a:active,
.startslink a:visited,
a.startslink,
a.startslink:active,
a.startslink:visited {
  font-size: 16px;
  line-height: 26px;
  color: #222121;
  text-transform: uppercase;
  text-decoration: underline;
}

.startslink a:hover,
a.startslink:hover {
  color: #b51f29;
  /*	text-decoration: none !important;  */
}

@media (max-width: 991px) {
  .startsl_NKA a {
    font-size: 14px !important;
  }
}

.equalunten {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  /* damit bei den 3 Newskästchen der Link unten auf gleicher Höhe ist */
  .equalunten {
    position: absolute;
    margin-bottom: 0;
    bottom: 0;
  }

  .vc_empty_space.sl_spacer {
    display: none;
  }
}

/* ----------------------------- News hover Neu ----------------------------- */

.parent_mpc {
  display: inline-block;
  /* background-color: #b51f29;  
	  background-color: rgba(181,31,41,0.95);*/
  background-image: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.01) 75%,
    rgba(181, 31, 41, 0.75) 100%
  );
}

.child_mpc {
  mix-blend-mode: multiply;
}

.child_mpc:hover {
  mix-blend-mode: unset;
}

.parent_mpc .child_mpc {
  margin-bottom: -18px !important;
  /*	 margin:-40% 0 -20px 0; */
}

/* --------------------------- Start Projektslider -------------------------- */

/* Container für Bild mit Höhe und Breite */
.slider-bg {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 650px;
  z-index: 2;
}

/* Bild das beschnitten wird falls Platz nicht ausreicht */
.slider-bg img {
  display: block;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

/* Container für Bild mit Höhe und Breite */
.slider-bg-n2 {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: calc(100vh - 128px);
  z-index: 2;
}

/* Bild das beschnitten wird falls Platz nicht ausreicht */
.slider-bg-n2 img {
  display: block;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

@media (max-width: 767px) {
  .slider-bg-n2 {
    margin-top: 195px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: calc(100vh - 140px);
    z-index: 2;
  }
}

/* grauer transparent Streifen für Projektlink */
.plink-over {
  width: 100%;
  position: relative;
  bottom: 50px;
  height: 40px;
  left: 0;
  right: 0;
  padding-top: 10px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

.plink-over-mo {
  width: 100%;
  position: absolute;
  top: 200px;
  height: 40px;
  left: 0;
  right: 0;
  padding-top: 10px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 101;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
}

/* Schrift Links zu den Projekten unten im Slider */
a.sliderpipfeil {
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
}

/* Pfeil nach content als the7 icomoon Icon */
/* Unicode Zahl kann im Backend mit dem Entwicklerwerkzeug ermittelt werden */
a.sliderpipfeil::after {
  content: "\f031";
  font-family: icomoon-the7-font !important;
  padding-left: 15px;
  display: inline-block;
  vertical-align: sub;
  font-size: 28px !important;
  font-style: normal;
  line-height: 1 !important;
  font-size-adjust: none;
  font-stretch: normal;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-language-override: normal;
  font-language-override: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-synthesis: weight style;
  font-variant: normal;
  text-rendering: auto;
}

@media (max-width: 992px) {
  /* Kleinere Containerhöhe für Bild */
  .slider-bg {
    height: 400px;
  }

  a.sliderpipfeil {
    font-size: 14px;
  }

  a.sliderpipfeil::after {
    vertical-align: sub;
    font-size: 18px !important;
  }
}

@media (max-width: 640px) {
  /* Kleinere Containerhöhe für Bild */
  .slider-bg {
    height: 300px;
  }

  a.sliderpipfeil {
    font-size: 12px;
  }

  a.sliderpipfeil::after {
    vertical-align: sub;
    font-size: 14px !important;
  }
}

/* Ende von Projektslider */

/* ------------------------------ Olaf mit Text ----------------------------- */

/* Container für Olaf mit Höhe und Breite */
.hgolaf-bg {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 700px;
  z-index: 2;
}

/* Bild HG Olaf */
.hgolaf-bg img {
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right top;
}

/* grauer Text */
.textoverolaf {
  position: absolute;
  left: 0;
  top: 0;
  padding: 20% 50% 0 8%;
  color: #000;
  z-index: 99;
}

.hgolaf-bg img {
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right top;
}

@media (min-width: 2000px) {
  .textoverolaf {
    padding: 20% 41% 0 10%;
  }
}

@media (max-width: 991px) {
  .hgolaf-bg {
    height: 810px;
  }

  .hgolaf-bg img {
    object-position: right top;
  }

  .textoverolaf {
    padding: 38% 40px 0 40px;
    top: 220px;
  }

  .textoverolaf {
    color: #fff;
  }
}

/* -------------------- Abschnitt Jobs auf der Startseite ------------------- */

.start_job_titel,
.start_job_titel p {
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center;
}

.start_job_ut,
.start_job_ut p {
  font-size: 15px;
  line-height: 25px;
  margin-top: 0;
  padding-top: 0;
  text-align: center;
}

@media (max-width: 991px) {
  .start_job_titel,
  .start_job_titel p {
    font-size: 20px;
    line-height: 30px;
  }

  .start_job_ut,
  .start_job_ut p {
    font-size: 13px;
    line-height: 23px;
  }
}

/* Instagram Widget */
@media (min-width: 992px) {
  #instaLink_0 {
    max-height: 300px !important;
  }
}

/* ---------------------------- Seiten sonstiges ---------------------------- */

.seiten-h-bread {
  margin: 10px 0 30px 0;
}

@media (min-width: 1200px) {
  .seiten-h-bread {
    margin: -36px 0 20px 0;
  }
}

/* -------------------------------------------------------------------------- */
/*                                NOTE PROJEKTE                               */
/* -------------------------------------------------------------------------- */

/* Abstand Übersicht Referenzen */
@media (min-width: 1200px) {
  .vc_grid.vc_row.vc_grid-gutter-20px .vc_grid-item {
    padding-right: 45px;
    padding-bottom: 45px;
  }

  /* im Post Grid bei den Übersichtsseiten als Class definiert */
  .projektuebersicht {
    margin-right: -25px;
  }
}

/* Abstand zwischen den Referenzen - über 1200 auf 45 Pixel, darunter 20 Px   */
@media (min-width: 1200px) {
  .cont-id-0 .wf-cell {
    padding: 5px 22px 0px !important;
  }
}

.reftitel {
  margin-top: -10px;
  margin-bottom: 25px;
  font-family: "Futura LT W01 Light";
  font-size: 18px;
  line-height: 26px;
  width: 100%;
}

.reftitel a {
  color: #222121 !important;
  text-decoration: none;
}

.reftitelblack {
}

.reftitelgrau {
  color: #999999 !important;
}

/* ------------------------------- Breadcrumb ------------------------------- */

@media (min-width: 1200px) {
  /* alle Breadcrumbs in Seiten */
  .breadcrumbs-neu {
    position: absolute;
    top: 30px;
    right: 22px;
    height: 30px;
    display: inline-block;
    text-align: right;
    z-index: 1;
  }

  /* bei Projekten (Posts keine Seiten) ist das etwas anders eingebunden, deshalb 25 px mehr Abstand */
  /* bei allen Projekten gleich außer Details */
  .content.projekte .breadcrumbs-neu {
    right: 45px;
  }

  /* auf allen Seiten und (Posts-) Projekten den Seitenanfang 75 px nach unten verschieben */
  #main {
    padding-top: 75px !important;
  }
}

.breadcrumbs-neu {
  color: #999999;
  font-family: "Futura LT W01 Light";
  font-size: 14px;
  text-transform: none;
}

@media (min-width: 1200px) {
  .breadcrumbs-neu {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  /* muss bei den Seiten etwas nach oben */
  .breadcrumbs-neu {
    margin-top: -5px;
  }

  /* deshalb bei den Projekten wieder deaktivieren 
	.content.projekte .breadcrumbs-neu {
		margin-top: unset !important;
	}  */
  /* nur in Projekten */
  .content.projekte .breadcrumbs-neu {
    margin: -27px 0 25px 0;
  }

  /* Ausnahme Identities und Details */
  .content.projekte .breadidentities,
  .content.projekte .breaddetails {
    margin: 0 0 25px 0;
  }
}

.breadcrumbs-neu a,
.breadcrumbs-neu a:visited,
.breadcrumbs-neu a:active {
  color: #222121 !important;
  text-decoration: none;
}

.breadcrumbs-neu a:hover,
.breadcrumbs-neu .breadcrumbs-neu2 a:hover {
  color: #b51f29 !important;
  text-decoration: none;
}

/* wird zwar zurzeit nicht mehr gebraucht, aber vielleicht später oder woanders */
/* Home Ausgabe verhindern */
/*		.breadcrumbs li:first-child { display:none; }  */
/* Slash vor der ersten Anzeige verhindern */
/*		.breadcrumbs li:nth-child(2):before{ content:""; }  */

/* GELÖSCHT  14-04-2020 */
/* Abstand ALLER Projekte nach oben */
/* sonst in den Firmen-Templates bei content weitere Class einfügen */
/* TL - statt content.projekte nur die Class content nehmen - also den gesamten Inhalt */
/* um 20 px nach unten schieben, falls das zu Problemen führt wieder zückgänig!!!!!!!! */
/*  .content.projekte {
	padding-top: 20px;
}  */

/* TL
.content {
	padding-top: 20px;
}

@media (min-width: 1200px) {
	.content.projekte {
		padding-top: 30px;
	}
}  */

/* ------------------------- Projektübersichtsseiten ------------------------ */

.gb_beitragsdatum a.vc_gitem-link,
.gb_beitragsdatum a:hover.vc_gitem-link {
  font-size: 14px;
  color: #b51f29;
}

/* Übersichtsseiten Projekttitel */
.gb_beitragstitel a.vc_gitem-link {
  font-size: 18px;
  line-height: 24px;
}

.vc_gitem-post-data {
  margin-bottom: 0px;
}

/* ------------------------- Flexbox Logo Bredcrumbs ------------------------ */

.breadlogoflex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 15px;
}

.breadlogoflex .all-kid-logo {
  display: block;
  background-image: url("../png/footer-kid-2.png");
  background-repeat: no-repeat;
  background-size: 230px 30px;
  width: 230px;
  height: 30px;
}

.breadlogoflex .all-identites-logo {
  display: block;
  background-image: url("../png/footer-ki-2.png");
  background-repeat: no-repeat;
  background-size: 136px 30px;
  width: 136px;
  height: 30px;
}

.breadlogoflex .all-details-logo {
  display: block;
  background-image: url("../png/footer-kd.png");
  background-repeat: no-repeat;
  background-size: 145px 30px;
  width: 145px;
  height: 30px;
}

@media (max-width: 1199px) {
  .breadlogoflex {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -5px 0 20px 0;
    padding: 0;
  }

  .all-kid-logo,
  .all-identites-logo,
  .all-details-logo {
    margin: 0 0 20px 0;
  }

  .breadcrumbs-neu {
    text-align: center;
  }
}

/* ------------------------------ Projektlogos ------------------------------ */
/* gibt es jetzt nur noch auf den Übersichtsseiten - nicht mehr im Projekt */

/* zurzeit gleiches Bild und Größe wie im Footer */

/* TL-tmp

.all-identites-logo {
	position: absolute;
	top: 0;
	left: 10px;
	display: inline-block;
	background-image: url("./images/footer-ki.png");
	background-repeat: no-repeat;
	background-size: 136px 30px;
	width: 136px;
	height: 30px;
	z-index: 2;
}

.all-details-logo {
	position: absolute;
	top: 0;
	left: 10px;
	display: inline-block;
	display: block;
	background-image: url("./images/footer-kd.png");
	background-repeat: no-repeat;
	background-size: 145px 30px;
	width: 145px;
	height: 30px;
	z-index: 2;
}


.all-kid-logo {
	position: absolute;
	top: 0;
	left: 10px;
	display: inline-block;
	/* damit es nicht über die ganze Zeile geht 
	background-image: url("./images/footer-kid.png");
	background-repeat: no-repeat;
	background-size: 230px 30px;
	width: 230px;
	height: 30px;
	z-index: 2;
}
*/

/* -------------------------- Vor- Zurücknavigation ------------------------- */

/* Kategoriesymbol aus */
.back-to-list {
  display: none !important;
}

/* die Namen der vor- bzw. weiter Projekte */
.post-navigation .nav-next .post-title,
.post-navigation .nav-previous .post-title {
  display: none;
}

/* Pfeile aus */
.fa-angle-left,
.fa-angle-right {
  display: none;
}

.post-navigation .nav-links {
  /*	display: block!important;  */
  padding: 0 !important;
  border-width: 0 !important;
}

/* Navigation neu oben links */
.links {
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../png/links.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 22px;
  cursor: pointer;
  background-size: 30px 22px;
}

.links-grau {
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../png/links-grau.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 22px;
  background-size: 30px 22px;
}

.kitzig-home {
}

.rechts {
  position: absolute;
  left: 80px;
  top: 0;
  background-image: url("../png/rechts.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 22px;
  cursor: pointer;
  background-size: 30px 22px;
}

.rechts-grau {
  position: absolute;
  left: 80px;
  top: 0;
  background-image: url("../png/rechts-grau.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 22px;
  background-size: 30px 22px;
}

/* Graufilter bei Navi */
.links,
.kitzig-home,
.rechts,
.links-unten,
.rechts-unten {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.links:hover,
.kitzig-home:hover,
.rechts:hover,
.links-unten:hover,
.rechts-unten:hover {
  -webkit-filter: grayscale(1%) !important;
  filter: grayscale(1%) !important;
}

/* Graufilter bei Navi */
.links-unten,
.rechts-unten {
  opacity: 0.5;
}

.links-unten:hover,
.rechts-unten:hover {
  opacity: 1;
}

/* Navigation unten */
@media (min-width: 1200px) {
  .post-navigation-unten-neu {
    display: block;
  }

  .post-navigation-unten-neu::before,
  .post-navigation-unten-neu::after {
    content: "";
    display: table;
  }

  .nav-links {
  }

  .links-unten {
    position: fixed;
    top: calc(50% - 25px);
    left: 0;
    display: inline-block;
    background-image: url("../png/links_black.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-size: 50px 50px;
    opacity: 0.5;
  }

  .links-unten-grau {
    position: fixed;
    top: calc(50% - 25px);
    left: 0;
    display: inline-block;
    background-image: url("../png/links_black.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    opacity: 0;
  }

  .rechts-unten {
    position: fixed;
    top: calc(50% - 25px);
    right: 0;
    display: inline-block;
    background-image: url("../png/rechts_black.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-size: 50px 50px;
    opacity: 0.5;
  }

  .rechts-unten-grau {
    position: fixed;
    top: calc(50% - 25px);
    right: 0;
    display: inline-block;
    background-image: url("../png/rechts_black.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    opacity: 0;
  }

  .rechts-unten:hover,
  .links-unten:hover {
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  .post-navigation-unten-neu {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -30px 0 30px 0;
  }

  .links-unten {
    float: left;
    background-image: url("../png/links.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 22px;
    cursor: pointer;
    background-size: 30px 22px;
  }

  .links-unten-grau {
    float: left;
    background-image: url("../png/links-grau.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 22px;
    background-size: 30px 22px;
    opacity: 0;
  }

  .rechts-unten {
    float: left;
    background-image: url("../png/rechts.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 22px;
    cursor: pointer;
    background-size: 30px 22px;
  }

  .rechts-unten-grau {
    float: left;
    background-image: url("../png/rechts-grau.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 22px;
    background-size: 30px 22px;
    opacity: 0;
  }

  .kitzig-home-logo {
    float: left;
    background-image: url("../png/baseline.png");
    background-size: 100px 21px;
    background-repeat: no-repeat;
    width: 100px;
    height: 21px;
    margin: 0px 5px 0px 5px;
    cursor: pointer;
  }

  .identities-home-logo {
    float: left;
    background-image: url("../png/baseline.png");
    background-size: 100px 21px;
    background-repeat: no-repeat;
    width: 100px;
    height: 21px;
    margin: 0px 5px 0px 5px;
    cursor: pointer;
  }

  .details-home-logo {
    float: left;
    background-image: url("../png/baseline.png");
    background-size: 100px 21px;
    background-repeat: no-repeat;
    width: 100px;
    height: 21px;
    margin: 0px 5px 0px 5px;
    cursor: pointer;
  }
}

/*
	.links-unten::before {
		content: "\f052";
		display: inline-block;
		font-size: 35px;
		font-family: icomoon-the7-font !important;
		font-style: normal;
		font-weight: 400;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	}

	a .links-unten  {
	cursor: pointer;
	color: #222121  !important;
	text-decoration: none !important;
	opacity: 0.5;
	}

	a:hover .links-unten  {
		color: #222121  !important;
		opacity: 1;
	}
  */

/* Logos auf den Projekt-Übersichtsseiten */
/* Allgemein alle Referenzen betreffend   */
/* zurzeit identisch mit fb_flexlogo_kid aus dem Footer CSS-Angaben siehe unten */
/* display inline-block damit der Link nicht über die ganze Zeile geht */

/* TL !!! wegen Logos siehe oben */

.ref-container {
  margin-top: 8px;
}

.ref-kid-logo {
  background-image: url("../png/menu-kid.png");
  background-repeat: no-repeat;
  background-size: 230px 30px;
  width: 230px;
  height: 30px;
}

@media (min-width: 1200px) {
  .ref-kid-logo {
    margin-left: 12px;
  }
}

.ref-identities-logo {
  background-image: url("../png/ki_projekt.png");
  background-size: 111px 94px;
  background-repeat: no-repeat;
  width: 111px;
  height: 94px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
}

.ref-details-logo {
  background-image: url("../png/kd_projekt.png");
  background-size: 114px 94px;
  background-repeat: no-repeat;
  width: 114px;
  height: 94px;
  margin-left: auto;
  margin-right: auto;
}

/* TL-neu*/

@media (max-width: 450px) {
  .ref-details-logo {
    padding-bottom: 50px;
  }
}

/* ----------------------- Related Posts bei Projekten ---------------------- */

/* ohne Container für Projekte und Aktuelles */
.single-related-posts {
  border-bottom: 0 !important;
  padding: 60px 0 20px 0 !important;
}

.single-related-posts > h3 {
  display: none;
}

@media (min-width: 1200px) {
  .single-related-posts {
    margin: 0 12px 0 12px !important;
  }
}

.related-item a {
  font-family: "Futura LT W01 Light";
  font-size: 15px;
  line-height: 20px;
}

/* .related_projekte - Container für Projekte weil bei Aktuelles etwas anders */

.related_projekte .text-secondary {
  display: none;
}

/* --------------------------- Bild faden mit CSS --------------------------- */

.fadecontainer {
  position: relative;
}

.fadecontainer img {
  margin-bottom: 0;
}

.bildz1 {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.bildz2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.bildz3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.bildz4 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

/* CSS Übergang zweier Bilder mit opacity und animation statt animiertem Gif  */
.fadeb img,
img.fadeb {
  opacity: 0;
  animation: pulse 2s ease-in-out 0s infinite alternate;
}

/* pulse ist der Name der Animation. Von transparent bis deckend */
@keyframes pulse {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* -------------------------------------------------------------------------- */
/*                    NOTE PROJEKTE KITZIG INTERIOR DESIGN                    */
/* -------------------------------------------------------------------------- */

.kitzig-expandable {
  margin-bottom: -5px !important;
}

/* Allgemein alle Ultimative Addons Elemente   */
/* Expandable - Section  */
.kitzig-expandable .ult_exp_section {
  background-color: transparent !important;
  padding: 0 !important;
}

/* Expandable - +/- Zeichen  */
.ult_exp_section-main.ult_expleft_icon .ult-just-icon-wrapper.ult_exp_icon,
.ult_exp_section-main.ult_expleft_icon .ult_expheader {
  padding: 0 2px 0 0 !important;
  vertical-align: top !important;
  margin-top: -5px;
  margin-bottom: 38px;
  width: 15px !important;
  height: 15px !important;
}

/* Expandable - Mehr Weniger  */
.kitzig-expandable .ult_expheader,
.ult_expheader {
  text-align: left;
  font-size: 20px;
  line-height: 3;
}

/* Expandable - Inhalt */
.kitzig-expandable .ult_ecpsub_cont {
  text-align: left;
  margin: 0 !important;
  max-width: 1500px !important;
}

.kitzig-expandable .ult_exp_content {
  padding: 0 0 10px 0 !important;
  background: #ffffff !important;
}

.kitzigtitel p {
  font-family: "Futura LT W01 Light";
  font-size: 30px;
  line-height: 45px;
}

.kitzigtitel em {
  font-style: normal !important;
  font-family: "Futura LT W01 Light" !important;
}

.kitzigprojekttext p {
  font-family: "Futura LT W01 Light";
  font-size: 20px;
  line-height: 30px;
}

.kitzigtitelklein p,
h4 {
  font-size: 24px;
  line-height: 35px;
  padding: 15px 0 0 0;
}

@media (max-width: 1199px) {
  .kitzigtitelklein p,
  h4 {
    font-size: 21px;
    line-height: 32px;
    padding: 15px 0 12px 0;
  }
}

@media (max-width: 767px) {
  .kitzigprojekttext p {
    font-size: 16px;
    line-height: 25px;
  }

  .kitzigtitel p {
    font-size: 24px;
    line-height: 35px;
  }

  .kitzigtitelklein p,
  h4 {
    font-size: 20px;
    line-height: 30px;
    padding: 0 0 10px 0;
  }

  .kitzig-expandable .ult_expheader {
    font-size: 15px;
    line-height: 4;
  }
}

/* unterhalb von 450px  */
@media (max-width: 450px) {
  .kitzigtitel p {
    font-size: 20px;
    line-height: 30px;
  }

  .kitzigtitelklein p,
  h4 {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 5px;
  }
}

/* Trennlinie zwischen den Sammelprojekten */
.kitzigtrenner {
  padding-bottom: 20px;
}

/* unbenutzte Class bei den Trennern für die neuen Sammelprojekte */
.ktneuesammelp {
}

/* bei neuen Sammelprojekten */
.titelmittrenner p {
}

.lastsptrenner {
  display: none;
}

@media (max-width: 1199px) {
  .lastsptrenner {
    display: block;
    /*	margin-top: 10px;  */
  }

  .lastsptrenner .vc_sep_line {
    /*	border-color: #a1a1a1 !important;  */
  }
}

/* linke Spalte mit Text und MEHR */
/* über 1200px 8% Abstand rechts und links */
@media (min-width: 1200px) {
  .kitziglinksab {
    padding: 15px 8% 15px 8%;
  }
}

@media (max-width: 1199px) {
  .kitzigrechtsab {
    padding-bottom: 30px;
  }
}

/* Tabellen ähnliche Anzeige für Kitzig Projekte Location, Services, usw */
.projekt-table {
  display: table;
}

.projekt-table-row {
  display: table-row;
}

.projekt-table-cell {
  display: table-cell;
}

/* linke Tabellenseite */
.projekt-table-cell:nth-child(1) {
  font-family: "Futura LT W01 Light";
  font-size: 20px;
  line-height: 30px;
}

/* rechte Tabellenseite */
.projekt-table-cell:nth-child(2) {
  padding-left: 20px;
  font-family: "Futura LT W01 Light";
  font-size: 20px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .projekt-table-cell:nth-child(1),
  .projekt-table-cell:nth-child(2) {
    font-size: 16px;
    line-height: 25px;
  }
}

/*** Projekte Interior Design Sammelseiten ***/

/* linke Spalte mit Text bei den Sammelseiten wie oben bei den Projekten nur mit 2/3 rechts bündig und 200px unten */
.kitziglinksabsammel {
  padding: 30px 0 80px 0;
}

@media (min-width: 1200px) {
  .kitziglinksabsammel {
    padding: 45px 0 200px 8%;
  }
}

/* Angaben wie Fläche, Jahr, etc. bei den Sammelprojekten */
.kitzigsammelpt p,
.kitzigsammelpt-rechts p {
  font-family: "Futura LT W01 Light";
  font-size: 20px;
  line-height: 30px;
}

/* über 640 rechtsbündig */
.kitzigsammelpt-rechts p {
  text-align: right;
}

/* mobil linksbündig */
@media (max-width: 640px) {
  .kitzigsammelpt-rechts p {
    text-align: left;
  }
}

/* Der zweidrittel Container wird unten ein ppar Pixel abgeschnitten damit es zu keinem Versprung kommt  */
/* Anfang Zweidrittel Eindrittel Lösung  */

@media (min-width: 1200px) {
  .zweidrittel {
    position: relative;
    padding-bottom: 42.5%;
    height: 0 !important;
    overflow: hidden;
    height: auto;
    margin-bottom: 26px;
  }
}

@media (max-width: 1199px) {
  .zweidrittel {
    position: relative;
    padding-bottom: 44.5%;
    height: 0 !important;
    overflow: hidden;
    height: auto;
    margin-bottom: 14px;
  }
}

/* von 767 in 641 geändert wegen Verschiebung 1-Spaltigkeit */

@media (max-width: 641px) {
  .zweidrittel {
    position: relative;
    padding-bottom: 0;
    height: auto !important;
    overflow: visible;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
}

/* Ende Zweidrittel Eindrittel Lösung  */

.post-navigation-referenzen {
  width: 100%;
  text-align: center;
  margin-top: -35px;
}

.post-navigation-referenzen a,
.post-navigation-referenzen a:link,
.post-navigation-referenzen a:visited {
  color: #222121;
  font-size: 13px;
  line-height: 23px;
  text-transform: uppercase;
  text-decoration: none;
}

.post-navigation-referenzen a:hover {
  color: #b51f29;
}

.post-navigation-referenzen-oben {
  position: fixed !important;
  left: 45px;
  top: 67px !important;
  width: 150px;
  z-index: 9000 !important;
}

.post-navigation-referenzen-oben a,
.post-navigation-referenzen-oben a:link,
.post-navigation-referenzen-oben a:visited {
  color: #222121;
  font-size: 16px;

  text-decoration: none;
}

.post-navigation-referenzen-oben a:hover {
  color: #b51f29;
}

@media (max-width: 1199px) {
  .post-navigation-referenzen-oben {
    left: 25px;
  }

  .post-navigation-referenzen-oben a,
  .post-navigation-referenzen-oben a:link,
  .post-navigation-referenzen-oben a:visited {
  }
}

/* TL 2020 */
/* Navigation oben komplett aus!!! */
.post-navigation-referenzen-oben {
  display: none !important;
}

/* -------------------------------------------------------------------------- */
/*                          NOTE PROJEKTE IDENTITIES                          */
/* -------------------------------------------------------------------------- */

/* ------------------------------ Moviesseiten ------------------------------ */
/* ----------------- sowohl für Interior wie auch Identities ---------------- */


.video-container {
  position: relative;
  width: 100%;
  /* max-width: 1000px; */
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
}

video {
  width: 100%;
  height: auto;
  display: block;
}

.video-hochkant {
  max-width: 360px;
margin-left: auto;
margin-right: auto;
}

/* Vollbild-Modus verbessern */

video:fullscreen {
  width: 100vw;
  height: 100vh;
}

/* -------------------------------------------------------------------------- */

.player {
  overflow: hidden !important;
}

/* embed Video Container */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* ratio 16x9 */
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

/* ratio1x1 */
.embed-container.ratio_wdr {
  padding-bottom: 120%;
}

/* ab hier rechts-links Layout */
.rowcontainer {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 80px 0;
  padding: 0;
  border: 0;
}

.rowcontainer:nth-child(even) {
  direction: rtl;
}

.rowcontainer:nth-child(even) .tcon {
  padding-right: 20px;
}

.rowcontainer:nth-child(odd) .vcon {
  text-align: right;
}

.rowcontainer:nth-child(odd) .tcon {
  padding-left: 20px;
}

.vcon,
.tcon {
  display: table-cell;
  direction: ltr;
}

.vcon {
  width: 1000px;
}

.tcon {
  width: 500px;
  vertical-align: top;
}

.tcon p {
  font-size: 26px;
  line-height: 36px;
}

@media (max-width: 1199px) {
  .rowcontainer,
  .vcon,
  .tcon {
    display: block;
    direction: ltr;
    width: 100% !important;
  }

  .tcon p {
    font-size: 20px;
    line-height: 30px;
    padding-top: 12px;
  }

  .rowcontainer {
    margin-bottom: 50px;
  }

  .rowcontainer:nth-child(odd) .tcon {
    text-align: left;
    padding-left: 0;
  }

  .rowcontainer:nth-child(even) .tcon {
    padding-right: 0;
  }
}

@media (max-width: 640px) {
  .tcon p {
    font-size: 16px;
    line-height: 25px;
    padding-top: 12px;
  }
}

/* kein vimeo Logo */
a.ytp-title-channel-logo {
  display: none !important;
}

/* ---------------------------- Ende Movieseiten ---------------------------- */

.identitiesspacer {
  padding: 40px;
}

@media (max-width: 1199px) {
  .identitiesspacer {
    padding: 6px;
  }
}

@media (min-width: 992px) {
  .zmax {
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
  }
}

/* schräge Schrift mit Hintergrund */
.identitiesh1 p {
  font-family: "Futura LT W01 Bold";
  font-size: 45px;
  line-height: 80px;
  transform: rotate(-3deg);
  color: #ffffff !important;
  transform: rotate(-3deg) skew(-10deg);
}

.identitiesh1 em {
  font-style: normal !important;
  background-color: #222121;
  padding: 0 12px 5px 12px !important;
}

.identitiesh2 p {
  font-family: "Futura LT W01 Bold";
  transform: rotate(-3deg);
  transform: rotate(-3deg) skew(-10deg);
  font-size: 30px;
  line-height: 45px;
}

.identitiesh2 em {
  font-style: normal !important;
  font-family: "Futura LT W01 Light" !important;
}

.identitiestext p {
  font-family: "Futura LT W01 Light";
  font-size: 26px;
  line-height: 38px;
}

.identities-abstand-0 {
  padding-top: 340px;
}

.identities-abstand-1,
.identities-abstand-2,
.identities-abstand-3,
.identities-abstand-4,
.identities-abstand-5 {
  padding-top: 50px;
}

@media (max-width: 1199px) {
  .identitiesh1 p {
    font-size: 40px;
    line-height: 70px;
  }

  .identitiesh1 em {
    padding: 0 8px 3px 8px !important;
  }

  .identitiesh2 p {
    font-size: 24px;
    line-height: 38px;
  }

  .identitiestext p {
    font-size: 20px;
    line-height: 30px;
  }

  .identities-abstand-1 {
    padding-top: 0;
  }

  .identities-abstand-5 {
    padding-top: 30px;
  }

  .id_bild_vb {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .identitiesh1 p {
    font-size: 24px;
    line-height: 44px;
  }

  .identitiesh1 em {
    padding: 0 5px 2px 5px !important;
  }

  .identitiesh2 p {
    font-size: 20px;
    line-height: 32px;
  }

  .identitiestext p {
    font-size: 16px;
    line-height: 25px;
  }

  .identities-abstand-0 {
    padding-top: 220px;
  }
}

@media (max-width: 450px) {
  .identities-abstand-2 {
    padding-top: 30px;
  }

  .identities-abstand-3 {
    padding-top: 25px;
  }

  .identities-abstand-4 {
    padding-top: 10px;
  }

  .identities-abstand-5 {
    padding-top: 20px;
  }

  .identities-abstand-0 {
    padding-top: 180px;
  }
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ------------------------------ neues Layout ------------------------------ */

/* kleiner Bilder die mittig zentriert sind */
/* Class liegt Textbereich Settings unten bei Class */
.zg-identities1200 {
  margin: 0 auto 0 auto;
  max-width: 991px;
}

/* neue Hauptüberschrift gross */
.ident-h1-2020 p {
  font-family: "Futura LT W01 Bold";
  font-size: 45px;
  line-height: 60px;
}

/* neue Zweitüberschrift */
.ident-h2-2020 p {
  font-family: "Futura LT W01 Bold";
  font-size: 30px;
  line-height: 45px;
}

@media (min-width: 640px) and (max-width: 1199px) {
  .ident-h1-2020 p {
    font-size: 32px;
    line-height: 44px;
  }

  .ident-h2-2020 p {
    font-size: 24px;
    line-height: 38px;
  }
}

@media (max-width: 639px) {
  .ident-h1-2020 p {
    font-size: 24px;
    line-height: 36px;
  }

  .ident-h2-2020 p {
    font-size: 20px;
    line-height: 32px;
  }
}

/* ----------------- ident-Tabellen wie bei kitzig-Projekten ---------------- */

.ident-table {
  display: table;
  padding-top: 30px;
}

.ident-table-row {
  display: table-row;
}

.ident-table-cell {
  display: table-cell;
}

/* linke Tabellenseite - genau wie .ident-h2-2020 */
.ident-table-cell:nth-child(1) {
  font-family: "Futura LT W01 Bold";
  font-size: 30px;
  line-height: 45px;
}

/* rechte Tabellenseite */
.ident-table-cell:nth-child(2) {
  padding-left: 30px;
  font-family: "Futura LT W01 Light";
  font-size: 30px;
  line-height: 45px;
}

@media (min-width: 640px) and (max-width: 1199px) {
  .ident-table-cell:nth-child(1),
  .ident-table-cell:nth-child(2) {
    font-size: 24px;
    line-height: 38px;
  }
}

@media (max-width: 639px) {
  .ident-table-cell:nth-child(1),
  .ident-table-cell:nth-child(2) {
    font-size: 20px;
    line-height: 32px;
  }
}

/* -------------------------------------------------------------------------- */
/*                            NOTE PROJEKTE DETAILS                           */
/* -------------------------------------------------------------------------- */

.detailspacer1 {
}

.detailscontainer article {
}

/* vielleicht für Abstand oben/unten  */
.detailtextspalte {
}

@media (min-width: 1200px) {
  .h1gemischt {
    position: relative;
    z-index: 1;
    margin-top: -42px;
  }
}

/* gemischte Überschrift */
.h1gemischt,
.h1gemischt p {
  font-family: "CenturyStd-Book";
  font-size: 42px;
  line-height: 50px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.h2gemischt,
.h2gemischt p {
  font-family: "CenturyStd-Book";
  font-size: 25px;
  line-height: 29px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.h3gemischt,
.h3gemischt p {
  font-family: "CenturyStd-Book";
  font-size: 20px;
  line-height: 46px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.h1gemischt i,
.h1gemischt em,
.h2gemischt i,
.h2gemischt em,
.h3gemischt i,
.h3gemischt em {
  font-family: "UniversLTStd-Cn";
  font-style: normal !important;
}

/* h1gemischt wieder zur Futura Light */
.h1gemischt strong {
  font-family: "Futura LT W01 Light";
  font-style: normal !important;
  font-weight: 400;
  font-size: 35px;
  line-height: 50px;
  letter-spacing: 0px !important;
  text-transform: none;
}

@media (max-width: 767px) {
  .h1gemischt,
  .h1gemischt p {
    font-size: 24px;
    line-height: 34px;
  }

  .h1gemischt strong {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 450px) {
  .h1gemischt,
  .h1gemischt p {
    font-size: 20px;
    line-height: 30px;
  }

  .h1gemischt strong {
    font-size: 20px;
    line-height: 30px;
  }
}

/* weil es auch hier kitzigrechtstab gibt */
@media (max-width: 1199px) {
  .detailsprojekte .kitzigrechtsab {
    padding-bottom: 0;
  }
}

/* -------------------------------------------------------------------------- */
/*                                 NOTE ABOUT                                 */
/* -------------------------------------------------------------------------- */

.aboutkitzig .wf-cell {
  padding: 60px 20px 60px 20px;
}

.aboutkitzig p {
  text-align: left;
  font-size: 12px !important;
  line-height: 22px;
}

.aboutkitzig h5 {
  display: none;
}

.aboutkitzig hr {
  margin-bottom: 20px;
}

.aboutkitzig img,
.aboutkitzigdesktop img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.vc_pie_chart .vc_pie_chart_value {
  font-family: "Futura LT W01 Bold";
  font-size: 50px !important;
}

/* unterhalb der Zahlen einen Balken */
.vc_pie_wrapper {
  padding: 0 20px 0px 20px;
  border-bottom: 10px solid #222121;
}

.wpb_pie_chart_heading {
  padding-top: 20px !important;
  color: #b51f29 !important;
}

@media (max-width: 767px) {
  .vc_pie_chart .vc_pie_chart_value {
    font-size: 25px !important;
  }

  .vc_pie_wrapper {
    border-bottom: 3px solid #222121;
  }

  .wpb_pie_chart_heading {
    font-size: 20px !important;
  }

  /* Vor- Zuück Schalter Slider aus */
  .slick-next,
  .slick-prev {
    display: none !important;
  }

  .aboutkitzig .wf-cell {
    padding: 20px 20% 0 20% !important;
  }

  .vc_toggle_title > h4,
  .vc_toggle_content p {
    font-size: 18px !important;
  }
}

/* Awards */
.floataward {
  max-width: 290px;
  padding: 10px;
}

/* Kundenlogos auch bei Hover grau */
.mc_clientsList.grayscale li a:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
}

/* Awards Titel ausblenden */
.ult-banner-block .bb-top-title {
  display: none !important;
}

/* Awards Schrift */
.ult-banner-block .mask .bb-description,
.ult-banner-block .mask p {
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

.banner-style01 .mask {
  transition: all 0.2s ease-in-out !important;
}

.faqdetails .vc_toggle_title h4 {
  text-decoration: underline;
}

.faqdetails .vc_toggle_content p {
  padding-bottom: 25px;
}

/* verhindert das beim Bild alt="null" beim laden angezeigt wird  */
.img-icon {
  text-indent: -9999px !important;
}

/* ---------------- neue About Studios Seite gesamt für alle ---------------- */

/* Expandeable von den 3 Abouts */
.aboutnew_expan_ts {
}

/* Container Geschäftsführung - Abstand Bilder nach unten */
.about_gf_container p img {
  margin-bottom: 10px !important;
}

/* Geschäftsführung auf der  */
.about_team_fuehrung p {
  font-size: 0.7rem;
  line-height: 25px;
  text-align: center;
}

@media (max-width: 1199px) {
  .about_team_fuehrung p {
    font-size: 15px;
    line-height: 25px;
  }
}

/* neue statische Counterzahlen */
.counterzahlen_neu p {
  font-family: "Futura LT W01 Bold";
  font-size: 35px;
  text-align: center;
  padding: 20px 0 20px 0;
}

@media (max-width: 991px) {
  .counterzahlen_neu p {
    font-size: 35px;
  }
}

.ult_expheader:hover {
  color: #b51f29;
}

/* --------------------------------- Kunden --------------------------------- */

.kred_liste p {
  text-align: justify;
  text-align-last: center;
  color: #6f6f6f;
  font-family: "Futura LT W01 Light";
  font-size: 18px;
}

.kreddot {
  padding: 0 5px 0 5px;
  font-weight: bold;
  color: #b51f29;
}

@media (max-width: 1199px) {
  .kred_liste p {
    font-size: 16px;
  }

  .kreddot {
    padding: 0 3px 0 3px;
  }
}

@media (max-width: 756px) {
  .kred_liste p {
    font-size: 14px;
  }

  .kreddot {
    padding: 0 1px 0 1px;
  }
}

/* ----------------------- neue Referenz-Trenner Class ---------------------- */

.kid-refseparator::after {
  content: "—";
  display: inline-block;
  /* vertical-align: sub; */
}

/* -------------------------------------------------------------------------- */
/*                               NOTE AKTUELLES                               */
/* -------------------------------------------------------------------------- */

/* in allen Newsbeiträgen nur noch LT Light */
.aktuell-inhalt-quer > * {
  font-family: "Futura LT W01 Light" !important;
}

/* Übersicht Aktuelles Überschrift */
.h4-size,
.entry-title.h4-size,
h3.entry-title,
.dt-accordion-h4-size .wpb_accordion_header > a {
  font-family: "Futura LT W01 Light" !important;
  font-size: 18px !important;
}

/* Anzeige Kategorie Firma in der Übersicht */
#page .description-under-image .post .entry-title a,
#page .post .blog-content .entry-title a,
#page .project-list-content .entry-title a {
  font-family: "Futura LT W01 Light" !important;
}

/* Allgemeine Schriftgröße 20px */
.fs20 {
  font-size: 20px;
  line-height: 30px;
}

/* Beitragsdatum */
.entry-date {
  font-family: "Futura LT W01 Light" !important;
  text-decoration: none !important;
  text-transform: uppercase;
}

.blog-content .entry-date {
  font-size: 16px;
}

.aktuell-inhalt-quer .entry-date,
.aktuell-inhalt-hoch .entry-date {
  margin-bottom: 50px;
}

/* Beiträge Aktuell ehemals Magazin - quer */
.aktuell-inhalt-quer {
  max-width: 1200px;
  padding: 25px 0 60px 0;
}

@media (min-width: 1200px) {
  .aktuell-inhalt-quer {
    margin-left: 12px;
  }

  .aktuell-inhalt-quer .vc_column_container {
    margin-left: -12px !important;
  }

  /* Sonderform bei News und Presse für die Breadcrumbs rechts */
  .breadcrumbs-neu.breadnews,
  .breadcrumbs-neu.breadpresse {
    position: absolute;
    top: 30px;
    right: 40px !important;
    height: 30px;
    display: inline-block;
    text-align: right;
    z-index: 1;
  }
}

@media (max-width: 1199px) {
  .iconuebersicht {
    float: left;
    background-image: url("../png/uebersicht.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin: 0px 5px 0px 5px;
    cursor: pointer;
    position: relative;
    z-index: 101;
  }
}

/* ------- NEW-Logos und Titel im Newsbeitrag mit Hilfe von Shortcodes ------ */

/* Titel grau Shortcode */
.reftitel em {
  font-style: normal !important;
  color: #999999 !important;
}

/* Logo im Newsbeitrag - neu über Schlagworte */
.A00-AKTUELLES-KID {
  background-image: url("../png/interior%402.png");
  background-size: 180px 20px;
  background-repeat: no-repeat;
  width: 180px;
  height: 20px;
  margin-bottom: 50px;
}

.A00-AKTUELLES-IDENTITIES {
  background-image: url("../png/identities%402.png");
  background-size: 167px 22px;
  background-repeat: no-repeat;
  width: 167px;
  height: 22px;
  margin-bottom: 50px;
}

.A00-AKTUELLES-DETAILS {
  background-image: url("../png/details%402.png");
  background-size: 167px 22px;
  background-repeat: no-repeat;
  width: 167px;
  height: 22px;
  margin-bottom: 50px;
}

.A00-AKTUELLES-STUDIOS {
  background-image: url("../png/kds_logo_140px.png");
  background-size: 76px 71px;
  background-repeat: no-repeat;
  width: 76px;
  height: 71px;
  margin-bottom: 50px;
}

/* weniger Abstand zur Hauptüberschrift */
@media (max-width: 767px) {
  .A00-AKTUELLES-KID,
  .A00-AKTUELLES-IDENTITIES,
  .A00-AKTUELLES-DETAILS,
  .A00-AKTUELLES-STUDIOS {
    margin-bottom: 25px;
  }
}

/* für blogtemplate bild oben */
@media (min-width: 1200px) {
  .bildoben {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.bildoben {
  max-width: 1800px;
  text-align: center;
}

/* Datum in der Übersicht */
.duebersicht {
  color: #b51f29;
  margin: -15px 0 10px 0;
}

.duebersicht a {
  text-decoration: none !important;
}

.magazin h1,
.aktuell-inhalt-quer h1 {
  font-family: "Futura LT W01 Light" !important;
  font-size: 30px;
  line-height: 40px;
}

.magazin h2,
.aktuell-inhalt-quer h2,
.magazin h3,
.aktuell-inhalt-quer h3 {
  font-family: "Futura LT W01 Light" !important;
  font-size: 30px;
  line-height: 40px;
}

.aktuell-inhalt-quer p strong,
.aktuell-inhalt-hoch p strong {
  font-style: normal !important;
  font-weight: 400;
}

/* Galerie */

.gallery {
  margin: 0 -15px 0 -15px !important;
}

dl.gallery-item dt {
  padding: 15px !important;
}

/* Bildunterschrift auf weiss im Bild */
.wp-caption-text {
  position: relative;
  z-index: 4;
  font-size: 13px;
  line-height: 23px;
  background-color: #ffffff;
  margin: -23px 0 7px 0;
}

@media (min-width: 992px) {
  .blogzweispbild {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .blogzweisptext {
    padding-left: 10px !important;
    padding-right: 10x !important;
  }
}

@media (min-width: 1200px) {
  .blogzweicontainer {
    max-width: 1800px;
    padding-left: 22px !important;
    padding-right: 22x !important;
    margin-right: 0px !important;
  }

  .blogzweispbild {
    padding-left: 10px !important;
    padding-right: 25px !important;
  }

  .blogzweisptext {
    padding-left: 22px !important;
    padding-right: 22x !important;
  }
}

@media (max-width: 1199px) {
  .magazin h1 {
    font-size: 26px !important;
    line-height: 36px !important;
  }

  .magazin h2,
  .magazin h3 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
}

@media (max-width: 991px) {
  .blogzweicontainer {
    padding-left: 10px !important;
    padding-right: 10x !important;
    margin-right: 0px !important;
  }

  .blogzweispbild,
  .blogzweisptext {
    padding: 0 !important;
  }

  .magazin h1 {
    font-size: 20px !important;
    line-height: 30px !important;
    margin-bottom: 20px;
  }

  .magazin h2,
  .magazin h3 {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .magazin p {
    font-size: 16px;
    line-height: 25px;
  }

  .aktuell-inhalt-quer .entry-date,
  .aktuell-inhalt-hoch .entry-date {
    margin-bottom: 20px;
  }

  /* Datum im Beitrag*/
  .dmag {
    font-size: 14px !important;
  }

  .gallery-item {
    margin: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 450px) {
  .magazin h1 {
    font-size: 16px !important;
    line-height: 26px !important;
  }
}

/* Neu im Team */
@media (min-width: 640px) {
  .desktop {
    display: inline-block;
  }

  .mobil {
    display: none;
  }
}

@media (max-width: 639px) {
  .desktop {
    display: none;
  }

  .mobil {
    display: inline-block;
  }
}

/* -------------------------------------------------------------------------- */
/*                                NOTE KARRIERE                               */
/* -------------------------------------------------------------------------- */

/* Formatierung Städte bei Tabeinstellung Flat White */
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a:link,
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a:focus,
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a:hover {
  background-color: #ffffff !important;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a {
  color: #222121 !important;
  font-size: 26px;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a:hover {
  color: #b51f29 !important;
}

.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-flat
  .vc_tta-tab.vc_active
  > a {
  font-family: "Futura LT W01 Light";
  color: #b51f29 !important;
}

.ktab {
  max-width: 1200px;
}

/* beides zusammen ergibt das Plus / Minus Zeichen */
.ktab .vc_toggle_size_md .vc_toggle_icon {
  top: 16px !important;
}

.ktab .vc_toggle_size_md .vc_toggle_icon::before {
  height: 1px;
  width: 24px;
}

.ktab .vc_toggle_size_md .vc_toggle_icon::after {
  height: 24px;
  width: 1px;
}

/* Überschriften der Jobtitel (FAQ) */
.ktab .vc_toggle_title > h4 {
  font-size: 24px;
  line-height: 24px;
}

.ktab .vc_toggle_title {
  margin-bottom: 30px;
}

.ktab .vc_toggle_title > h4:hover {
  color: #b51f29;
}

.ktab .vc_toggle_active .vc_toggle_title > h4 {
  color: #b51f29;
}

/* Plus/Minus Farbe on :hover */
.ktab .vc_toggle .vc_toggle_title:hover .vc_toggle_icon::before,
.ktab .vc_toggle .vc_toggle_title:hover .vc_toggle_icon::after {
  background-color: #b51f29 !important;
}

/* Plus/Minus Farbe on :active */
.ktab .vc_toggle_active .vc_toggle_title .vc_toggle_icon::before,
.ktab .vc_toggle_active .vc_toggle_title .vc_toggle_icon::after {
  background-color: #b51f29 !important;
}

/* Liste in der Jobbeschreibung mit langem Gedankenstrich */
.karriereliste ul {
  list-style-type: "— ";
  padding-left: 25px;
  margin-bottom: 35px;
}

/* Abstand Jobbeschreibung oben unten */
.karriereliste .vc_toggle_content {
  margin: 30px 0 60px 0 !important;
}

.karriereliste a,
.karriereliste a:link,
.karriereliste a:visited {
  font-family: "Futura LT W01 Light";
  color: #222121;
}

.karriereliste a:hover {
  color: #b51f29;
}

/* Stellenanzeigen mit Firma nächste Zeile */
/* \A damit es einen Zeilenumbruch gibt */
/* kidj = Kitzig Interior Design */
.ktab .kidj .vc_toggle_title h4::after {
  content: "\A Kitzig Interior Design";
  white-space: pre;
  color: #999999 !important;
  font-size: 16px !important;
}

/* identitiesj = Kitzig Identities */
.ktab .identitiesj .vc_toggle_title h4::after {
  content: "\A Kitzig Identities";
  white-space: pre;
  color: #999999 !important;
  font-size: 16px !important;
}

/* detailsj = Kitzig Details */
.ktab .detailsj .vc_toggle_title h4::after {
  content: "\A Kitzig Details";
  white-space: pre;
  color: #999999 !important;
  font-size: 16px !important;
}

/* studiosj = Kitzig Studios */
.ktab .studiosj .vc_toggle_title h4::after {
  content: "\A Kitzig Design Studios";
  white-space: pre;
  color: #999999 !important;
  font-size: 16px !important;
}

/* NEU Stellenanzeigen mit Standort */
/* \A damit es einen Zeilenumbruch gibt */
.ktab .sduesseldorf .vc_toggle_title h4::after {
  content: "\A Standort Düsseldorf";
  white-space: pre;
  color: #999999 !important;
  font-size: 16px !important;
}

.ktab .slippstadt .vc_toggle_title h4::after {
  content: "\A Standort Lippstadt";
  white-space: pre;
  color: #999999 !important;
  font-size: 16px !important;
}

/* temporär doppel - kann später in Seite gelöscht werden */
.ktab .slp-d .vc_toggle_title h4::after {
  content: "\A Standort Lippstadt oder Düsseldorf";
  white-space: pre;
  color: #999999 !important;
  font-size: 16px !important;
}

.ktab .sbochum .vc_toggle_title h4::after {
  content: "\A Standort Bochum";
  white-space: pre;
  color: #999999 !important;
  font-size: 16px !important;
}

.ktab .salle .vc_toggle_title h4::after {
  content: "\A Standort Düsseldorf, Bochum, Lippstadt";
  white-space: pre;
  color: #999999 !important;
  font-size: 16px !important;
}

.ktab .salleo .vc_toggle_title h4::after {
  content: "\A Standort Düsseldorf, Bochum oder Lippstadt";
  white-space: pre;
  color: #999999 !important;
  font-size: 16px !important;
}


@media (max-width: 767px) {
  .ktab .vc_toggle_title > h4 {
    font-size: 20px;
    line-height: 30px;
  }

  .ktab .vc_toggle_title {
    margin-bottom: 20px;
  }

  .ktab .vc_toggle_size_md .vc_toggle_icon::before {
    height: 1px;
    width: 15px;
  }

  .ktab .vc_toggle_size_md .vc_toggle_icon::after {
    height: 15px;
    width: 1px;
  }

  .karriereliste ul li,
  .karriereliste p {
    font-size: 16px;
    line-height: 25px;
  }
}

@media (max-width: 450px) {
  .ktab .vc_toggle_title > h4 {
    font-size: 16px;
    line-height: 20px;
  }

  .karriereliste ul li,
  .karriereliste p {
    font-size: 14px;
    line-height: 22px;
  }
}

/* -------------------------------------------------------------------------- */
/*                                 NOTE PRESSE                                */
/* -------------------------------------------------------------------------- */

.portfolio-shortcode .filter {
  display: none !important;
}

/* kehr die Spaltenbreite um */
.project-wide-col {
  width: 35%;
  padding-bottom: 20px;
}

.project-narrow-col {
  width: 65%;
}

@media (min-width: 800px) and (max-width: 1199px) {
  .project-wide-col {
    width: 50%;
    padding-bottom: 80px;
  }

  .project-narrow-col {
    width: 50%;
  }
}

@media (max-width: 799px) {
  .project-wide-col {
    width: 100%;
    padding-bottom: 50px;
  }

  .project-narrow-col {
    width: 100%;
    padding-bottom: 10px;
  }
}

/* 	Presselayout div definiert in der content-single-portfolio.php
	Abstand oben und 15% seitlich wenn breiter als 1200px 100px sonst 40 px */

.presselayout {
  padding: 40px 0 40px 0;
  margin-bottom: -40px;
}

@media (min-width: 1200px) {
  .presselayout {
    padding: 120px 0 60px 12px;
  }
}

.presseeinleitung.vc_column_container > .vc_column-inner {
  padding-left: 22px;
  padding-right: 12px;
}

@media (max-width: 1199px) {
  .presseeinleitung {
    margin-left: -12px !important;
  }
}

/*  Presseschalter  */
.aio-icon-description {
  color: #222121;
  font-family: "Futura LT W01 Bold";
  font-size: 50px;
  line-height: 70px;
  font-style: oblique;
  padding-top: 45px !important;
}

.aio-icon-description:hover {
  color: #b51f29;
}

/* Graufilter bei den Vorschaubildern*/
.portfolio-shortcode a img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.portfolio-shortcode a:hover img {
  -webkit-filter: grayscale(1%) !important;
  filter: grayscale(1%) !important;
}

/* Portfolio-Slider HG  */
.slider-simple {
  background: #ffffff !important;
  padding: 2px;
  border: 1px solid #222121;
}

.presselayout .images-list > img {
  border: 1px solid #222121;
}

/* Portfolio-Slider Bildunterschiften aus  */
.photoSlider .slider-post-caption {
  display: none !important;
}

.slider-post-inner {
  display: none !important;
}

/* Wenn kein Slider dann auch Bildunterschriften aus */
.images-list-inner h4 {
  display: none !important;
}

/* Portfolio-Slider Vor- und Zurückbuttons  */
.slick-next {
  right: 10px !important;
}

.slick-prev {
  left: 10px !important;
}

.slider-masonry .owl-nav,
.slider-simple .owl-nav {
  position: absolute;
  right: calc(50% - 65px);
  bottom: -70px;
}

/* Pfeile und der Vorschau */

.owl-nav a.owl-prev::before,
.owl-nav a.owl-prev::after {
  display: block !important;
  background-image: url("../png/links_black.png") !important;
  background-repeat: no-repeat !important;
  width: 25px !important;
  height: 25px !important;
  cursor: pointer !important;
  background-size: 25px 25px;
}

.owl-nav a.owl-next::before,
.owl-nav a.owl-next::after {
  display: block !important;
  background-image: url("../png/rechts_black.png") !important;
  background-repeat: no-repeat !important;
  width: 25px !important;
  height: 25px !important;
  cursor: pointer !important;
  background-size: 25px 25px;
}

.owl-nav a.owl-prev i,
.owl-nav a.owl-next i {
  display: none;
}

.slider-masonry .owl-nav a,
.slider-masonry .psPlay,
.slider-simple .owl-nav a,
.slider-simple .psPlay {
  width: 25px !important;
  height: 25px !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

/* für die gesamte Formatierung im Pressetext */
/* h3, strong, em */

/* Hauptüberschrift */
.pressetext h3 {
  font-family: "Futura LT W01 Light";
  font-size: 30px !important;
  line-height: 40px !important;
}

/* 2. Hauptüberschrift */
.pressetext h4 {
  font-family: "Futura LT W01 Light";
  font-size: 25px !important;
  line-height: 35px !important;
}

/* normale Schrift */
.pressetext p {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
}

/* bold */
.pressetext p b,
.pressetext p strong {
  font-family: "Futura LT W01 Light";
  font-weight: normal;
}

/* unterstrichen */
.pressetext h6 {
  font-family: "Futura LT W01 Light";
  font-weight: normal;
  font-size: 20px !important;
  line-height: 30px !important;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .pressetext h3 {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .pressetext h4 {
    font-size: 16px !important;
    line-height: 25px !important;
  }

  .pressetext p {
    font-size: 16px !important;
    line-height: 25px !important;
  }

  .pressetext h6 {
    font-size: 16px !important;
    line-height: 25px !important;
  }
}

/* express - Mehr/Weniger Class Zusatz für Presse alles andere ist schon bei kitzig projekte definiert */
/* Die ganze Section 35 px nach oben */
.express .ult_exp_section {
  margin-top: -35px !important;
}

@media (max-width: 1199px) {
  .express .ult_exp_section {
    margin-top: -10px !important;
  }
}

/* Schrift Mehr/Weniger kleiner */
.express .ult_expheader {
  font-size: 20px;
}

/* Container MehrWeniger mit Abstand zum PDF-Ausgabecontainer */
.mwinhalt {
  padding-bottom: 25px;
}

.pdfpresse,
.pdfpresse a {
  font-size: 26px;
  font-family: "Futura LT W01 Light";
  margin-bottom: 35px;
  color: #222121;
}

/* zusätzliche 	Infos wie Verlag, Ausgabe etc. */
.presseausgabe {
  font-size: 15px;
  line-height: 24px;
}

/* Container PDF und Zusatzinfos */
.pressepdfausgabec {
  margin-top: 0px;
}

@media (max-width: 1199px) {
  .pressepdfausgabec {
    margin-top: 40px;
  }
}

.presseausgabe a,
.presseausgabe a:link,
.presseausgabe a:visited {
  color: #222121;
}

/* NAVIGATION Presse wie Projektnaviagtion */
.post-navigation .nav-next {
  text-align: left !important;
}

.post-navigation .nav-previous {
  text-align: right !important;
}

/* -------------------------------------------------------------------------- */
/*                                NOTE FLIPBOOK                               */
/* -------------------------------------------------------------------------- */

/* gehört eigentlich ein Abschnit höhher!!!! */
/* um die Position der Firma auszurichten - die Firma wird über EIGENE FELDER
00firma eingefügt!! */
.posrefgrau {
  margin: -27px 0 -5px -10px;
  padding-top: 0;
}

/* Positionskorrektur Titel nur bei den Veröffentlichungen */
.titelveroeff {
  padding-top: 5px;
  padding-bottom: 0;
}

/* Menübeschriftungen ausschalten wie Seitenzahlen */
.flipbook-thumb-num,
.flipbook-menu-title {
  display: none !important;
}

/* -------------------------------------------------------------------------- */
/*                                  NOTE TEAM                                 */
/* -------------------------------------------------------------------------- */

@media (min-width: 1200px) and (max-width: 1499px) {
  #tshowcase-hover-wrap .ts-col_5,
  #tshowcase-white-hover-wrap .ts-col_5 {
    width: 24.5% !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #tshowcase-hover-wrap .ts-col_5,
  #tshowcase-white-hover-wrap .ts-col_5 {
    width: 32.5% !important;
  }
}

/* Korrektur damit der hover-span richtig liegt */
#tshowcase-hover-wrap span {
  float: left !important;
}

.tshowcase > * {
  font-size: 15px;
  line-height: 20px !important;
  text-align: left;
  font-style: normal !important;
}

/* Name */
.tshowcase-box-title {
  font-family: "Futura LT W01 Light";
}

/* Bezeichnungen von den Grafiken */
.ts-zzz-grafiken .tshowcase-box-title {
  font-size: 20px !important;
}

/* Name und Beruf */
.tshowcase-box-title,
.tshowcase-single-position {
  text-align: left;
  font-style: normal !important;
}

.tshowcase #tshowcase-hover-wrap * {
  line-height: 20px !important;
}

.tshowcase-box-details {
  font-family: "Futura LT W01 Light";
}

/* Was bei hover angezeigt wird */
.tshowcase-single-telephone,
.tshowcase-single-telephone a,
.tshowcase-single-telephone a:visited,
.tshowcase-single-email,
.tshowcase-single-email a,
.tshowcase-single-email a:visited {
  color: #ffffff;
  text-decoration: none;
}

.tshowcase-single-telephone a:hover,
.tshowcase-single-email a:hover {
  text-decoration: underline;
}

/* verhindert das sich die Bilder übereinander schieben falls die Gesamtbreite aller Bilder größer ist
ist als die Breite - kurz vor den Breakpoints */
/* Änderung für IE - ohne min     */
.tshowcase img {
  width: 100% !important;
  height: 100% !important;
}

/* Abstand zwischen den Bildern */
.ts-square {
  margin-right: 20px;
}

/* kleine Korrektur das der hover-span genau mit dem Bild abschließt */
#tshowcase-hover-wrap span span {
  bottom: 5px !important;
}

/* damit der hover-span hier nicht wirkt */
.ts-zzz-grafiken span {
  background: rgba(0, 0, 0, 0) !important;
}

/* obere Filterreihe */

.ts-filter-nav > ul,
.ts-enhance-filter-nav > ul,
.ts-isotope-filter-nav > ul {
  text-align: left !important;
  margin: 20px 0px 35px -12px !important;
  padding: 0 !important;
  font-size: 20px !important;
}

/* aktive Auswahl */
.ts-filter-nav > ul li.ts-current-li,
.ts-enhance-filter-nav > ul li.ts-current-li,
.ts-isotope-filter-nav > ul li.ts-current-li {
  background: #ffffff !important;
  font-family: "Futura LT W01 Light" !important;
  color: #b51f29 !important;
  font-size: 20px !important;
}

/* hover */
.ts-filter-nav > ul > li:hover,
.ts-enhance-filter-nav > ul > li:hover,
.ts-isotope-filter-nav > ul > li:hover {
  background: #ffffff !important;
  color: #b51f29 !important;
  font-size: 20px !important;
}

/* inaktive Felder */
.ts-filter-nav > ul > li,
.ts-enhance-filter-nav > ul > li,
.ts-isotope-filter-nav > ul > li {
  background: #ffffff !important;
  font-family: "Futura LT W01 Light" !important;
  font-size: 20px !important;
}

/* Gruppe mit den Zahlen */
#ts-id-34 {
  display: none !important;
}

/* unterhalb von 1200px Schriftgröße kleiner */
@media (max-width: 1199px) {
  .ts-filter-nav > ul li.ts-current-li,
  .ts-enhance-filter-nav > ul li.ts-current-li,
  .ts-isotope-filter-nav > ul li.ts-current-li {
    font-size: 18px !important;
  }

  .ts-filter-nav > ul > li,
  .ts-enhance-filter-nav > ul > li,
  .ts-isotope-filter-nav > ul > li {
    font-size: 18px !important;
  }

  ul.ts-filter {
    text-align: center !important;
    margin: auto !important;
    display: inline-block;
  }
}

/* unterhalb von 767px Filterreihe mittig untereinander */
@media (max-width: 767px) {
  .ts-filter-nav > ul > li {
    display: block !important;
    text-align: center !important;
    font-size: 16px !important;
  }
}

/* TEAM in den jeweiligen Aboutseiten  */

/* Expandable - Section  */
.team-expandable .ult_exp_section {
  background-color: transparent !important;
  padding: 0 !important;
}

.team-expandable
  .ult_exp_section-main.ult_expleft_icon
  .ult-just-icon-wrapper.ult_exp_icon,
.team-expandable .ult_exp_section-main.ult_expleft_icon .ult_expheader {
  /*
	vertical-align: center!important;
	margin-top:20px;
	width:250px!important;
	height:60px!important;
*/
}

/* Expandable - Mehr Weniger Überschrift Schalter  */
.team-expandable .ult_expheader {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  /*	margin:30px 0 20px 0;  */
  font-family: "Futura LT W01 Light";
  font-size: 26px;
  padding: 22px 45px 15px 45px !important;
  border: 2px solid #222121;
  width: 160px;
}

/* Expandable - Inhalt */
.team-expandable .ult_ecpsub_cont {
  text-align: left;
  margin: 0 !important;
  max-width: 1800px !important;
}

.team-expandable .ult_exp_content {
  padding: 0 !important;
  background: #ffffff !important;
}

/* -------------------------------------------------------------------------- */
/*                                NOTE KONTAKT                                */
/* -------------------------------------------------------------------------- */

/* -------------------- fixer Contactbutton unten rechts -------------------- */

/* umfassender Container */
.get_in_contact {
  display: none;
}

@media (min-width: 992px) {
  .get_in_contact {
    display: block;
  }
}

#cb_oben {
  position: fixed;
  top: 110px;
  right: 10px;
  width: 190px;
  height: 85px;
  padding-top: 5px;
  text-align: center;
  background: #b51f29;
  z-index: 9998;
}

.conlinks,
.conlinks a,
.conlinks a:visited {
  font-size: 13px;
  line-height: 24px;
  text-decoration: none;
  color: #ffffff;
}

.conlinks a:hover {
  text-decoration: underline !important;
}

#cb_toggle {
  position: absolute;
  top: 7px;
  right: 7px;
  background-image: url("../png/icon_close_white.png");
  background-size: 15px 15px;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  z-index: 9999;
  opacity: 0.7;
}

#cb_unten {
  position: fixed;
  background: #b51f29;
  top: 110px;
  right: 10px;
  z-index: 9997;
}

/* mobil Button über 991 aus */
#cb_unten_mobil {
  display: none;
}

#cb_unten_mobil {
  position: fixed;
  background-color: #b51f29;
  top: 110px;
  right: 10px;
  z-index: 680;
}

.cb_unten_icon {
  display: block;
  background-image: url("../png/icon_contact_white.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  opacity: 0.7;
}

.cb_unten_icon_mobil {
  display: block;
  background: url("../png/icon_contact_white.png") no-repeat;
  background-color: #b51f29;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  border: none;
  text-decoration: none;
}

#cb_toggle:hover,
.cb_unten_icon:hover {
  cursor: pointer;
  opacity: 1;
}

@media (max-width: 991.98px) {
  /* mobil Button unter 992 immer sichtbar */
  #cb_unten_mobil {
    display: block;
  }

  .diagonal-mobile-menu-icon .dt-mobile-menu-icon .lines-button,
  .medium-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    height: 20px !important;
    width: 20px !important;
  }

  .dt-mobile-menu-icon .menu-line:first-of-type {
    top: 1px;
  }

  .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
    top: 8px;
  }

  .dt-mobile-menu-icon .menu-line:nth-of-type(3) {
    top: 15px;
  }

  .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn,
  .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:hover {
    background-color: #7f7f7f !important;
  }

  .scroll-top,
  .scroll-top:hover {
    background-color: #7f7f7f !important;
  }
}

/* ------------------------------ modal contact content ------------------------------ */

.cbmodal {
  display: none;
  width: 270px;
  max-width: 100%;

  position: fixed;
  z-index: 686;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #b51f29;
  padding-top: 20px;
  text-align: center;
}

.cbmodal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 685;
  background: rgba(0, 0, 0, 0.6);
}

.closed {
  display: none;
}

.opened {
  display: block;
}

.cbmodal .close-button {
  position: absolute;
  top: 20px;
  right: 12px;
  background-image: url("../png/icon_close_white.png");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  border: none;
  text-decoration: none;
  z-index: 688;
  background-color: #b51f29;
  cursor: pointer;
  opacity: 0.7;
}

.cbmodal .close-button:hover {
  opacity: 1;
}

.conlinksmobil {
  padding-bottom: 20px;
}

.conlinksmobil a {
  font-size: 17px !important;
}

.conlinkszahlen a {
  font-size: 16px !important;
}

/* Contact-button erst nach Scroll ein- bzw. ausfaden */
/* class wird bei scroll hinzugefügt oder entfernt */
/*
.cb_opacity_aus {
	opacity: 0;
}

.cb_opacity_ein {
	opacity: 1;
	transition: opacity 1s ease;
}
*/

/* -------------------------------------------------------------------- */
/* Ende Get-in-contact-BLOCK */

/* kleiner rechte Abstand bei alignleft in der SocialMedialeiste */
.smedia-ki {
  width: 100%;
}

.smedia-ki .alignleft {
  float: left;
  margin: -20px 27px 0 0;
}

.ult_modal-content {
  border: 0 !important;
}

/* Modal Box - padding 0 */
.ult_modal-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Modal Box - Linie unter Überschrift aus*/
.ult_modal-header {
  border-bottom: 0 !important;
}

/* Modal Box X */
.ult-overlay-close-inside {
  width: 100%;
  height: 100%;
  background: url("../png/cross-black.png") no-repeat center center !important;
}

/* Modal Box Opener - "Standort anzeigen" */
span.overlay-show {
  cursor: pointer;
  font-family: "Futura LT W01 Light" !important;
  font-size: 20px !important;
  color: #222121 !important;
  text-decoration: underline;
}

span.overlay-show:hover {
  color: #b51f29 !important;
  text-decoration: none;
}

.ksmi {
  display: table;
  border-spacing: 2.5px 0;
}

.ksmi a i {
  color: #d8d8d8;
  font-size: 14px;
}

.ksmi a,
.ksmi a:link,
.ksmi a:active,
.ksmi a:visited {
  text-decoration: none !important;
}

.ksmi a:hover i {
  color: #ffffff;
}

.ksmi i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: #4b4e57;
  border-radius: 50%;
  width: 26px;
  height: 26px;
}

/* -------------------------------- Formular -------------------------------- */

/* Senden Button */
input[type="submit"],
.nsu-submit {
  font-family: "Futura LT W01 Light" !important;
  font-size: 20px !important;
  text-decoration: underline;
}

.contact-form input[type="text"],
.contact-form textarea,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="range"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea {
  font-family: "Futura LT W01 Light" !important;
  font-size: 20px !important;
  background-color: #ffffff;
  color: #222121;
  margin-bottom: 37px !important;
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 0px;
  border: none !important;
  border-bottom: 1px solid #222121 !important;
}

/* Quiz */
.wpcf7-quiz-label {
  font-family: "Futura LT W01 Light" !important;
  font-size: 20px !important;
}

/* Input vom Quiz */
input[type="text"].qgroesse {
  font-size: 20px !important;
  width: 50px !important;
}

textarea.tgroesse {
  vertical-align: top;
  height: 220px;
}

/* Fehlerausgabe von Form 7*/
span.wpcf7-not-valid-tip {
  color: #b51f29;
}

::-webkit-input-placeholder {
  color: #222121 !important;
  opacity: 1 !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #222121 !important;
  opacity: 1 !important;
}

:-ms-input-placeholder {
  color: #222121 !important;
  opacity: 1 !important;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #222121 !important;
  opacity: 1 !important;
}

input:focus::-moz-placeholder {
  color: transparent !important;
}

textarea:focus::-moz-placeholder {
  color: transparent !important;
}

input:focus::-webkit-input-placeholder {
  color: transparent !important;
}

textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
}

input:focus:-ms-input-placeholder {
  color: transparent !important;
}

textarea:focus:-ms-input-placeholder {
  color: transparent !important;
}

input:focus:-moz-placeholder {
  color: transparent !important;
}

textarea:focus:-moz-placeholder {
  color: transparent !important;
}

@media (max-width: 767px) {
  input[type="submit"],
  .nsu-submit {
    font-size: 18px !important;
  }

  .contact-form input[type="text"],
  .contact-form textarea,
  .wpcf7-form input[type="text"],
  .wpcf7-form input[type="email"],
  .wpcf7-form input[type="tel"],
  .wpcf7-form input[type="url"],
  .wpcf7-form input[type="number"],
  .wpcf7-form input[type="range"],
  .wpcf7-form input[type="date"],
  .wpcf7-form textarea {
    font-size: 18px !important;
  }

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

  .smedia-ki a img {
    transform: scale(0.8) !important;
  }
}

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

.ult_modal-body div,
.ult_modal-body p {
  font-size: unset !important;
  line-height: unset !important;
}

/* kein Schatten um Overlay */
.ult_modal-content {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ult_modal.ult-block {
  max-width: 100% !important;
}

/* Inhalt vom Overlay wichtig height 100% und min-height 100vh sonst wird der
	  Inhalt nicht bei allen Bildschirmgrößen komplett dargestellt */
.standortlayer {
  margin: 0 auto 0 auto;
  height: 100%;
  min-height: 100vh;
  padding: 40px 0 20px 0;
}

/* Container für Bild von Karte mit Höhe und Breite in Pixeln */
#map-bg {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 750px;
  height: 550px;
  z-index: 2;
}

/* Bild von Karte die wenn mobil der Platz nicht ausreicht rechts und links beschnitten wird */
#map-bg img {
  display: block;
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.copymap-a {
  height: 25px;
  width: auto;
  position: relative;
  bottom: 38px;
  right: 0;
  text-align: right;
  z-index: 99;
}

.copymap-i {
  padding-top: 2px;
  padding-right: 6px;
  padding-bottom: 2px;
  padding-left: 6px;
  font-size: 12px;
  color: #222121;
}

.copymap-i a {
  color: #222121;
}

.mapbuero-div {
  margin-top: 35px;
}

.mapbuero-div p.mapbuero {
  font-size: 18px !important;
  line-height: 28px !important;
}

/* mobil */
@media (max-width: 991px) {
  .ult_modal-body div,
  .ult_modal-body p {
    font-size: unset !important;
    line-height: unset !important;
  }

  .copymap-a {
    text-align: left;
  }

  .copymap-i {
    font-size: 11px;
  }

  .mapbuero-div p.mapbuero {
    font-size: 15px !important;
    line-height: 22px !important;
  }

  .ult-overlay-close.top-right {
    width: 20px !important;
    height: 20px !important;
  }

  #map-bg {
    height: 480px;
  }

  .standortlayer {
    padding: 0;
  }
}

/* -------------------------------------------------------------------------- */
/*                         NOTE SUCHE UND SONDERSEITEN                        */
/* -------------------------------------------------------------------------- */

/* Author Datum etc. in der Suche ausblenden */
.entry-meta.portfolio-categories {
  display: none !important;
}

/* Titel linksbündig zum Bild */
.bg-on .blog-content {
  padding-left: 0 !important;
}

/* weitere Titel auch linksbündig und mit gleichen Abstand nach oben wie die anderen */
.bg-on .project-list-content {
  padding: 0 !important;
}

/* Graufilter bei den Vorschaubildern */
.suchseite a img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  border: 1px solid #e9e9e9;
}

.suchseite a:hover img {
  -webkit-filter: grayscale(1%) !important;
  filter: grayscale(1%) !important;
}

/* ------------------------- Cookies-Notice-Overlay ------------------------- */

/* Hintergrund Cookies-Notice-Overlay - Look wie Menü oben */
#cookie-notice {
  border-top: 1px solid #d8d8d8;
}

/* Höhe von Cookies-Notice-Overlay */
.cookie-notice-container {
  padding: 9px 30px;
}

/* Hintergrund vom OK-Button */
a.cn-set-cookie.cn-button.button,
a.cn-more-info.cn-button.button {
  background: #e9e9e9;
}

/* -------------------------------------------------------------------------- */
/*                                 NOTE FOOTER                                */
/* -------------------------------------------------------------------------- */

#footer {
  margin-top: 20px;
}

.footer .widget {
  margin: 0;
}

#footer .wf-container-footer {
  margin-bottom: -15px;
  padding: 0;
}

@media (max-width: 1199px) {
  #footer .wf-container-footer {
    margin-top: 12px;
    margin-bottom: 10px;
  }

  #footer {
    margin-top: 12px;
  }
}

@media (min-width: 1200px) {
  /* flexcontainer mit den Firmenlogos */
  .fblogoflex {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }

  /* WICHTIG weil die Socialmedia-Icons selbst noch mal eingelagert sind unbedingt an dieser Stelle eine absolute Höhe angeben sonst wird der Footer sehr hoch */
  .smleft.vc_column_container {
    max-height: 36px !important;
  }

  .smleft2.vc_column_container {
    max-height: 36px !important;
  }

  /* Socialmedia Icon-Tabelle etwas weiter nach links */
  .smleft .ksmi {
    margin-left: -15px;
    margin-top: -12px;
    min-width: 200px;
  }

  .smleft2 .ksmi {
    margin-left: -15px;
    margin-top: -18px;
    min-width: 200px;
  }

  .fblastrow {
    padding-top: 15px;
    padding-bottom: 2px;
  }

  /* erster Block rechts leer */
  .fbright1 {
    margin-right: -24px !important;
  }

  /* darauf folgende Container rechts kein padding */
  .fbright1 .vc_column-inner {
    padding: 0 !important;
  }

  /* zweiter Block rechts - Impressum etc. */
  .fbright2 {
    margin-right: -24px !important;
    text-align: right;
  }

  /* darauf folgende Container rechts kein padding wie oben */
  .fbright2 .vc_column-inner {
    padding: 0 !important;
  }
}

/* Identities Logo */
.fb_flexlogo_ki {
  display: block;
  background-image: url("../png/footer-ki-2.png");
  background-repeat: no-repeat;
  background-size: 136px 30px;
  width: 136px;
  height: 30px;
}

/* Interior Design Logo  / auch bei den Projekten genommen */
.fb_flexlogo_kid {
  display: block;
  background-image: url("../png/footer-kid-2.png");
  background-repeat: no-repeat;
  background-size: 230px 30px;
  width: 230px;
  height: 30px;
}

/* Details Logo */
.fb_flexlogo_kd {
  display: block;
  background-image: url("../png/footer-kd.png");
  background-repeat: no-repeat;
  background-size: 145px 30px;
  width: 145px;
  height: 30px;
}

.fbcities_center {
  text-align: center;
}

.fblinkspacercities {
  padding: 0 10px 0 10px;
}

.fblinkspacer {
  padding: 0 8px 0 8px;
}

@media (max-width: 1199px) {
  .fbyear {
    text-align: center;
  }

  .fbright2 {
    text-align: center;
  }

  .smleft .ksmi {
    margin: 16px auto 13px auto;
    padding-left: 20px;
  }

  .smleft2 .ksmi {
    margin: 12px auto 1px auto;
    padding-left: 20px;
  }

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

  /* Reihenfolge der Logos ändern */
  .fb_flexlogo_kid {
    order: 0;
  }

  .fb_flexlogo_ki {
    order: 1;
    margin: 37px 0 40px 0;
  }

  .fb_flexlogo_kd {
    order: 2;
    margin-bottom: 28px;
  }

  .fbcities_center,
  .fbyear,
  .fbright2 {
    padding: 0 !important;
  }

  .fblock {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .fblastrow {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ---- 2024 Footer neu ---- */

/* Identities Logo */
.fb_flexlogo_ki_neu {
  display: block;
  background-image: url("../png/footer-ki-2.png");
  background-repeat: no-repeat;
  background-size: 136px 30px;
  width: 136px;
  height: 30px;
}

/* Interior Design Logo  / auch bei den Projekten genommen */
.fb_flexlogo_kid_neu {
  display: block;
  background-image: url("../png/footer-kid-2.png");
  background-repeat: no-repeat;
  background-size: 230px 30px;
  width: 230px;
  height: 30px;
}

.footer_kid_neu {
  text-align: right;
}

/* ----------------------------- Scroll-Top neu ----------------------------- */

/* neues Icon von The7 Icemoon - um 90 Grad gedreht */
.scroll-top::before {
  /* content: "\f033";
	transform: rotate(-90deg); */
}

.scroll-top::before {
  content: "\f033";
  transform: rotate(-90deg);
  font-family: icomoon-the7-font;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  font-size: 20px;
  line-height: 1;
  color: #fff;
}

/* ------------------------------ instagram neu ----------------------------- */

.instacontainer1 {
  height: 85px;
}

@media screen and (min-width: 280px) {
  .instacontainer1 {
    height: calc(85px + (330 - 85) * (100vw - 280px) / (1920 - 280));
  }
}

@media screen and (min-width: 1920px) {
  .instacontainer1 {
    height: 330px;
  }
}

/* -------------------------------------------------------------------------- */
/*                          NOTE IDENTITIES neu                          */
/* -------------------------------------------------------------------------- */

/* Sammel-Projekt */
.ki2uebersammel h2 {
  font-family: "Butler-Black", sans-serif !important;
  font-size: 28px !important;
  line-height: 1.25 !important;
  color: #3e3e3e !important;
  font-weight: normal !important;
  font-style: normal !important;
  margin-bottom: 0 !important;
}

@media screen and (min-width: 400px) {
  .ki2uebersammel h2 {
    font-size: calc(
      28px + (60 - 28) * (100vw - 400px) / (1920 - 400)
    ) !important;
  }
}

@media screen and (min-width: 1920px) {
  .ki2uebersammel h2 {
    font-size: 60px !important;
  }
}

/* Sammelprojekt 2. Überschrift  */
.ki2sammel2 h2 {
  font-family: "Futura LT W01 Light" !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  color: #3e3e3e !important;
  font-weight: normal !important;
  font-style: normal !important;
  margin-bottom: 0 !important;
}

@media screen and (min-width: 400px) {
  .ki2sammel2 h2 {
    font-size: calc(
      24px + (30 - 24) * (100vw - 400px) / (1920 - 400)
    ) !important;
  }
}

@media screen and (min-width: 1920px) {
  .ki2sammel2 h2 {
    font-size: 30px !important;
  }
}

/* normales Projekt */

/* .ki2uebern h2 {
	font-family: "Butler-Black", sans-serif !important;
	font-size: 20px !important;
	line-height: 1.25 !important;
	color: #3e3e3e !important;
	font-weight: normal !important;
	font-style: normal !important;
	margin-bottom: 0 !important;
}

@media screen and (min-width: 400px) {
	.ki2uebern h2 {
		font-size: calc(20px + (45 - 20) * (100vw - 400px) / (1920 - 400)) !important;
	}
}

@media screen and (min-width: 1920px) {
	.ki2uebern h2 {
		font-size: 45px !important;
	}
} */

.ki2uebern h2 {
  font-family: "Futura LT W01 Light" !important;
  font-size: 30px;
  line-height: 45px;
}

@media (max-width: 767px) {
  .ki2uebern h2 {
    font-size: 24px;
    line-height: 35px;
  }
}

@media (max-width: 450px) {
  .ki2uebern h2 {
    font-size: 20px;
    line-height: 30px;
  }
}

/* Container Text und Listenaufzählung als Flexbox */

.kiprojektcontainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.kiitem1 {
  max-width: 58%;
}

.kiitem2 {
  max-width: 35%;
}

/* was in einem SPAN liegt nicht brechen */
.kiitem2 span {
  white-space: nowrap;
}

/* Links auch nicht umbrechen */
.kiprojektcontainer a {
  white-space: nowrap;
}

.kiitem2-sammel {
  padding: 20px 0 10px 0;
}

@media (max-width: 1199px) {
  .kiprojektcontainer {
    display: flex;
    flex-direction: column;
  }

  .kiitem1 {
    max-width: 100%;
  }

  .kiitem2 {
    max-width: 100%;
    padding: 20px 0 15px 0;
  }
}

/* Identities Text neu */
.kiitemtsize {
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (min-width: 400px) {
  .kiitemtsize {
    font-size: calc(16px + (20 - 16) * (100vw - 400px) / (1920 - 400));
  }
}

@media screen and (min-width: 1920px) {
  .kiitemtsize {
    font-size: 20px;
  }
}

@media screen and (min-width: 1199px) {
  .kicenter {
    padding-left: 8%;
    padding-right: 8%;
  }
}

/* ----------------- ident-Tabellen wie bei kitzig-Projekten ---------------- */

.kiident-table {
  display: table;
}

.kiident-table-row {
  display: table-row;
}

.kiident-table-cell {
  display: table-cell;
}

/* linke Tabellenseite */
.kiident-table-cell:nth-child(1) {
}

/* rechte Tabellenseite */
.kiident-table-cell:nth-child(2) {
  padding-left: 30px;
  font-family: "Futura LT W01 Light";
}

/* Abstand bei copyright Zeile */
.fotocopy {
  margin: -10px 0 -10px 0;
}

@media screen and (min-width: 1199px) {
  .fotocopy {
    margin: -30px 0 -40px 0;
  }
}

@media screen and (max-width: 500px) {
  .fotocopy p {
    font-size: 12px;
  }
}

/* --------------------------- dynamischer Abstand -------------------------- */

/* Spacer in unterschiedlichen Höhen S M L */
.flexcontainer-spacer {
  display: flex;
}

/* large */
.spacer-l {
  flex-grow: 1;
  padding-top: 100px;
}

@media screen and (min-width: 400px) {
  .spacer-l {
    padding-top: calc(100px + (150 - 100) * (100vw - 400px) / (1920 - 400));
  }
}

@media screen and (min-width: 1920px) {
  .spacer-l {
    padding-top: 150px;
  }
}

/* medium */
.spacer-m {
  flex-grow: 1;
  padding-top: 50px;
}

@media screen and (min-width: 400px) {
  .spacer-m {
    padding-top: calc(50px + (100 - 50) * (100vw - 400px) / (1920 - 400));
  }
}

@media screen and (min-width: 1920px) {
  .spacer-m {
    padding-top: 100px;
  }
}

/* small */
.spacer-s {
  flex-grow: 1;
  padding-top: 25px;
}

@media screen and (min-width: 400px) {
  .spacer-s {
    padding-top: calc(25px + (50 - 25) * (100vw - 400px) / (1920 - 400));
  }
}

@media screen and (min-width: 1920px) {
  .spacer-s {
    padding-top: 50px;
  }
}

/* mobiler negativ spacer */
@media screen and (max-width: 767.98px) {
  .mobil--s {
    margin-bottom: -50px;
  }
}

/* mobiler negativ spacer */
@media screen and (max-width: 767.98px) {
  .mobil--s2 {
    margin-bottom: -20px;
  }

  .mobil--s1 {
    margin-bottom: -10px;
  }
}

/* -------------------------------------------------------------------------- */
/*                           NOTE Änderungen ab 2021                          */
/* -------------------------------------------------------------------------- */

/* ------------------------- ab jetzt Angaben in rem ------------------------ */

html,
body {
  font-size: 14px;
}

@media (min-width: 300px) {
  html,
  body {
    font-size: calc(14px + (20 - 14) * (100vw - 300px) / (1920 - 300));
  }
}

@media (min-width: 1920px) {
  html,
  body {
    font-size: 20px;
  }
}

/* -------------------------------------------------------------------------- */

/* -------------------------- Spalten Kunden Logos -------------------------- */

/* @media (max-width: 449px) {
	.mc_clientsList.responsive li {
		width: 33.3% !important;
	}
} */

@media (max-width: 991px) {
  .mc_clientsList.responsive li {
    width: 25% !important;
  }
}

/* neue Überschrift Referenzen - einzelene Abschnitte */
.refheading {
  font-size: 1.5rem;
  text-align: center;
  padding-bottom: 0.75rem;
}

/* neue Refernezliste mit Abstand zum nächsten Abschnitt */
.refliste {
  text-align: justify;
  text-align-last: center;
  color: #6f6f6f;
  /* font-family: "Futura LT W01 Light"; */
  font-size: 0.9rem;
  line-height: 1.5;
  padding-bottom: 1.25rem;
}

.filterDiv .vc_column_container {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* ----------------- Filterung der Referenzen mit CSS und JS ---------------- */

/* .filterDiv {
	display: none;
}

.show {
	display: block;
} */

.filters {
  padding: 5rem 0 3rem 0;
  /* margin-left: auto;
	  margin-right: auto; */
  text-align: center;
}

.hidden {
  display: none;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 0 15px 0 0;
  cursor: pointer;
  background-color: #ffffff;
  font-size: 0.9rem !important;
  font-family: "Futura LT W01 Light" !important;
  color: #222121;
  font-weight: normal;
}

.btn:hover {
  color: #b51f29;
  background-color: #ffffff;
}

.btn.refactiv {
  color: #b51f29;
  background-color: #ffffff;
  font-family: "Futura LT W01 Light" !important;
}

@media (max-width: 991px) {
  button.btn {
    padding: 0 0 8px 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

/* Adminbar - zusätzlich auch im Frontend style.css */
/* Adminbar alles außer Abmelden aus */
#wp-admin-bar-root-default {
  display: none !important;
}

/* Adminbar Sprache aus */
#wp-admin-bar-language {
  display: none !important;
}

/* -------------------------------------------------------------------------- */
/*                               Datenschutz Neu                              */
/* -------------------------------------------------------------------------- */

.datenschutz-neu h2 {
  font-family: "Futura LT W01 Light" !important;
  font-size: 2.25rem;
  line-height: 1.3;
  padding-bottom: 2rem;
}

.datenschutz-neu h3 {
  font-family: "Futura LT W01 Light" !important;
  font-size: 1.25rem;
  line-height: 1.3;
  padding-top: 1.5rem;
  padding-bottom: 0.75rem;
}

.datenschutz-neu h5 {
  font-family: "Futura LT W01 Light" !important;
  font-size: 0.9rem;
  line-height: 1.4;
}

.datenschutz-neu p {
  font-size: 0.9rem;
  line-height: 1.4;
  padding-bottom: 1rem;
}

/* -------------------------------------------------------------------------- */
/*                              NOTE Landingpages                             */
/* -------------------------------------------------------------------------- */

.landingpage h2,
.landcol h2 {
  font-size: 2.25rem;
  line-height: 1.3;
  padding-bottom: 2rem;
  text-transform: uppercase;
}

.landingpage h5,
.landcol h5 {
  font-size: 1.25rem;
  line-height: 1.3;
  text-transform: uppercase;
}

.grauh5 h5 {
  font-size: 0.8rem;
}

.landingpage p,
.landcol p {
  font-size: 1.25rem;
  line-height: 1.4;
  padding-bottom: 2.25rem;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.landcol .landzahl p {
  font-family: "Futura LT W01 Bold" !important;
  font-size: 5rem;
  line-height: 0.75;
  padding: 0;
  margin: 0;
}

.landcol .aufzaehlung p {
  font-size: 0.85rem;
}

/* 1-Spaltig auch Überschriften trennen 
@media (max-width: 500px) {
	.landingpage h2 {
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
}
*/

@media (max-width: 767px) {
  .mobil-lpl {
    margin-top: -1.5rem;
  }
}

.landcol .vc_column_container {
  padding-top: 0px;
  padding-bottom: 0px;
}

.landinglink a,
.landinglink a:link,
.landinglink a:active,
.landinglink a:visited,
a.landinglink,
a.landinglink:active,
a.landinglink:visited {
  color: #222121;
  text-decoration: underline;
}

.landinglink a:hover,
a.landinglink:hover {
  color: #b51f29;
  /*	text-decoration: none !important;  */
}

@media (min-width: 991px) {
  .flaeche {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (min-width: 1200px) {
  .flaeche {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.h-light {
  font-family: "Futura LT W01 Light";
}

.unterflaeche {
  position: relative;
  z-index: 1;
}

.ueberflaeche {
  position: absolute;
  width: 90%;
  top: 3rem;
  left: 3rem;
  z-index: 99;
}

/* -------------------------------------------------------------------------- */
/*                       NOTE Änderungen Kategorieseiten                      */
/* -------------------------------------------------------------------------- */

.breadcrumbs-neu {
  /* display: none; */
}

.linkabstand {
  padding: 10px;
  white-space: nowrap;
}

.fs-h1 {
  font-size: 2.25rem;
  line-height: 1.3;
  text-transform: uppercase;
}

.fs-h2 {
  font-size: 1.75rem;
  line-height: 1.3;
  text-transform: uppercase;
}

.fs-h5 {
  font-size: 1.25rem;
  line-height: 1.3;
  text-transform: uppercase;
}

.fs-p1 {
  font-size: 1.25rem;
  line-height: 1.4;
  /* -moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; */
}

.fs-p2 {
  font-size: 1.1rem;
  line-height: 1.5;
  /* -moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; */
}

@media (min-width: 1400px) {
  .fs-p2 {
    font-size: 1rem;
  }
}

.blocksatz p {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: justify;
}

@media (min-width: 992px) {
  .catview {
    max-width: 980px;
  }

  .vc_row.catview {
    margin-left: auto;
    margin-right: auto;
  }
}

.catulinks p {
  font-size: 0.8rem;
}

.catulinks img {
  padding-bottom: 0.5rem;
}

@media (max-width: 640px) {
  .catulinks p {
    font-size: 1.1rem;
    padding-bottom: 2.4rem;
  }

  .catulinks img {
    padding-bottom: 0;
  }
}

.tbalken {
  margin: 0 auto 50px auto;
  width: 70%;
  border-top: 5px solid #b51f29;
  padding-top: 10px;
  text-align: center;
}

@media (min-width: 992px) {
  .tbalken {
    width: 100%;
    border-top: 5px solid #b51f29;
  }
}

.logomax img {
  max-width: 300px;
}

.kds-footer {
  font-size: 1rem;
  font-family: "Futura LT W01 Light";
}

@media (min-width: 1200px) {
  .kds-footer {
    font-size: 0.8rem;
    font-family: "Futura LT W01 Light";
  }
}

img.raute {
  width: 50px;
  height: 50px;
}

.fupper {
  text-transform: uppercase;
}

.socialmedia-microwidget .ksmi {
  margin-left: 0;
  margin-right: 0;
}

/* -------------------------------------------------------------------------- */
/*                                   SLIDER                                   */
/* -------------------------------------------------------------------------- */

.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.footer .widget,
.footer .tp_recent_tweets li {
  min-height: 100px;
  font-size: 15px;
  line-height: 20px;
}

.real3dflipbook {
  z-index: 99 !important;
}

/* -------------------------------- Zitat neu ------------------------------- */
/* ----------------- in Seite später wieder löschen (FEB24) ----------------- */


.toggle992_more-zo {
	display: none !important;
}

.toggle992_less-zo {
	display: none !important;
}

.toggle_mobile-zo {
	display: block !important;
}

@media (min-width: 600px) {
  .toggle992_more-zo {
    display: none !important;
  }

  .toggle992_less-zo {
    display: block !important;
  }

  .toggle_mobile-zo {
    display: none !important;
  }
}


@media (min-width: 1100px) {
  .toggle992_more-zo {
    display: block !important;
  }

  .toggle992_less-zo {
    display: none !important;
  }

  .toggle_mobile-zo {
    display: none !important;
  }
}

/* -------------------------------------------------------------------------- */
.hgolaf-bg-24 {
  overflow: hidden;
  position: relative;
  width: 100%;
	height: calc(100vh - 80px);
  z-index: 2;
}

.hgolaf-bg-24 img {
  box-sizing: content-box !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
	object-position: right top;
}

@media (min-width: 600px) {
  .hgolaf-bg-24 {
		height: 700px;
  }
	.hgolaf-bg-24 img {
		object-position: right bottom;
	}
}

.textoverolaf-24 {
  position: absolute;
  left: 0;
  bottom: 0;
  min-height: 100px;
  padding: 0 40px 40px 44px;
  color: #fff;
  z-index: 99;
}

@media (min-width: 800px) {
  .textoverolaf-24 {
    padding: 0 36% 40px 44px;
    min-height: 100px;
  }
}


@media (min-width: 1100px) {
  .textoverolaf-24 {
    padding: 0 48% 4% 6%;
    min-height: 100px;
  }
}


.ozitat p,
.ozitat {
  font-size: 1.4rem;
  line-height: 1.5;
}

@media (min-width: 800px) {
	.ozitat p,
	.ozitat {
		font-size: 1.25rem;
	}
	
}

.gb_beitragsdatum {
  display: none;
}



/* Container mit scripten keine Höhe geben */
.scripthoehe_null * {
  padding: 0 !important;
}

/* -------------------------------------------------------------------------- */
/* ---------------------------------- ENDE ---------------------------------- */