/*!
 * Start Bootstrap - Business Casual Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/* open-sans-condensed-700 - latin */
/*
@font-face {
  font-family: 'Open Sans Condensed';                               genericons
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-condensed-v12-latin-700.eot');
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('../fonts/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'),
       url('../fonts/open-sans-condensed-v12-latin-700.woff') format('woff'),
       url('../fonts/open-sans-condensed-v12-latin-700.ttf') format('truetype'),
       url('../fonts/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg');
  font-display: swap;
}
*/
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* noto-serif-regular - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif'), local('NotoSerif'),
       url('../fonts/noto-serif-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v6-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* noto-serif-italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-serif-v6-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif Italic'), local('NotoSerif-Italic'),
       url('../fonts/noto-serif-v6-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v6-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v6-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v6-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v6-latin-italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* noto-serif-700 - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-serif-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'),
       url('../fonts/noto-serif-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v6-latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* noto-serif-700italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/noto-serif-v6-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'),
       url('../fonts/noto-serif-v6-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v6-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v6-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v6-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v6-latin-700italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
  font-display: swap;
}




body {
	font-family: "Lato","Helvetica Neue","Helvetica","Arial",sans-serif;
	/*
    background: url('../images/werbeagentur-koeln-smartinteractive-hintergrundbild.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	*/

	background-color:#fff;

    /*
	font-weight:300;
    */
     font-weight:400;
}
body:before{
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;

    background-attachment:fixed;
     background-size: cover;
     background-repeat: no-repeat;
    background-image: url(../images/werbeagentur-koeln-smartinteractive-hintergrundbild.webp);
    /*
    background-image: url(../images/werbeagentur-koeln-smartinteractive-hintergrundbild.jpg);
    opacity: 0.0;
    animation:einBlendeHintergrund ease-in 1;
	animation-fill-mode:forwards;
	animation-duration:1s;
    */
}
@keyframes einBlendeHintergrund { from { opacity:0; } to { opacity:1; } }

@media (max-width: 600px) {
    body{
    background: none;
	background-color:#fff;
     }
}
@media (max-width: 767px) {
    body{
    background: none;
     }
     body:before{
       display:none;
       background-image: none;
     }
     /*
    h2,h3,p{
      display:none;
    }

    h2 > br,
    h3 > br,
    p > br
    {
      display:none;
    }
    */
    h2 > br,
    h3 > br
    {
      display:none;
    }

}

body.ohnescrollbars, body.single-teammitglied{
	overflow-y:hidden;
}
/*
h1, .textDerAussiehtWieH1,
*/
h2,
h3,
h4,
h5,
h6,
.StartseiteTeamMitgliedTeaserBereich .h3,
.StartseiteTeamMitgliedTeaserBereich .h4
 {
   /*
    font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
    */
    font-weight: 700;
	line-height: 1.3;
	margin-top:0;
}
.H1mitAbstandObenStandard{
	margin-top:25px;
}
.H1mitAbstandObenGlossar{
	margin-top:20px;
}

h2,
h3,
h4,
h5,
h6,
.StartseiteTeamMitgliedTeaserBereich .h3,
.StartseiteTeamMitgliedTeaserBereich .h4,
p, a, ul.ListeStandard li,
a.linkNurSichtbarMobile,
div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite a,
div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte1Kontaktseite a,
.ListeStartseiteMagazin li h4
{
	color: #2c454d;
}
/*
a{
  text-decoration:none;
  transition:text-decoration 0.5s linear;

}
*/
a:hover{
  /*
text-decoration:underline;
*/
 text-decoration:none;

}
.spalteInhaltStandardNeu a,
.teaser a,
.ZweiSpaltenInhaltSpalte a
{
  position:relative;
  padding-bottom:3px;
}
.spalteInhaltStandardNeu a:after,
.teaser a:after,
.ZweiSpaltenInhaltSpalte a:after
{
  content: '';
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity:0.0;
  /*
  width: 0%;
  background: #069;
  */
  transition: 0.4s;
}
.spalteInhaltStandardNeu a:hover:after,
.teaser a:hover:after,
.ZweiSpaltenInhaltSpalte a:hover:after
{
  /*
  width: 100%;
  */
  opacity:1.0;
}

p.AbsatzLinkMitPfeilkreisDavorStandard a:after,
p.AbsatzLinkMitPfeilkreisDavorStandard2 a:after,
ul.ListemitPfeilkreisLinks li a:after
{
  display:none;
}

.bckStandardNeuesRot,
.spalteInhaltStandardNeu a:after,
.teaser a:after,
.ZweiSpaltenInhaltSpalte a:after
{
  background-color:#d7494d;
}

.textfarbeStandardNeuesRot,
#SuchFormHeader button:hover:before
{
 color:#bd494c;
}

p, a, ul.ListeStandard li,
ul.ListeExtranavFooter2 li a,
.AbsatzHeaderKontaktDaten a,
.autor-kontakt-daten a,
ul.LinkListeStartseiteWunschkunden li a,
a.AbsatzLinkMitPfeilkreisDavorStandard,
#wp-realtime-sitemap-menu ul li a,
ul.sitemapWebseite li a,
ul.LinkListePassendeBlogArtikel li a,
a.LinkMitPfeilkreisDavorNachLinksStandard,
p#yoastBreadcrumbs a
{
	color:#001721;
}
.ListeStandard{
  /*
	margin-bottom:30px;
    */
    margin-bottom:45px;
    padding-left:45px;
}


b, strong{
  /*
	font-weight:400;
    */
    font-weight:700;
}
h1, .textDerAussiehtWieH1{
	color:#d7494d;
    font-weight: 400;
    /*
    text-transform:uppercase;
	font-size:45px;
    font-size:70px;
    font-size:75px;
    line-height: 1.1;
    line-height: 1.0;
    */
    font-size:70px;
	padding-top:0;
    letter-spacing:0.02em;
    line-height: 1.2;
    margin-top:25px;
}
h1.h1kleiner{
	font-size:30px;
}
.ohneGrosschreibung{
	text-transform:none;
}

.ohneAbstandNachObenStandard{
	padding-top:0 !important;
	margin-top:0 !important;
}
.ohneAbstandNachUntenStandard{
	padding-bottom:0 !important;

	margin-bottom:0 !important;

}
h2{
	padding-top:20px;
}
h3{
	padding-top:0px;
}

h2, .elementDasAussiehtWieH2{
  /*
font-size:24px;
margin-bottom:35px;
*/
 font-size:40px;
 margin-bottom:24px;
 line-height: 1.2em;
}

h2.h2siKontaktSeite{
  /*
	padding-top:40px;
    */
   padding-top:55px;
}

h3{
  /*
font-size:19px;
margin-bottom:35px;
font-size:32px;
*/
padding-top:20px;
  font-size:30px;
  margin-bottom:24px;
}
h4{
  padding-top:20px;
  font-size:24px;
  margin-bottom:24px;
}
.h4{
  font-size:24px;
}

p,
.ListeStandard li,
.ListeStandardCheckmark li
{
	  /*
	font-size: 1.25em;
    */
    font-size: 1.50em;
    line-height: 1.6em;

}
.ListeStandard li p{
   font-size:1.0em;
}
.ListeStandard li h4{
   margin-bottom:12px;
   padding-top:2px;
}

.autor-kontakt-daten p,
.autor-beschreibung p
{
  font-size:1.25em;
}


/*
ul.LinkListeStartseiteWunschkunden li a {
  font-size: 1.20em;
}
*/
ol.ListeStandard li p{
  font-size: 1.00em;
    line-height: 1.6em;
}
ol.ListeStandard li{
  margin-bottom:24px;
}
ol.ListeStandard li:last-child{
  margin-bottom:0px;
}

p{
  /*
  margin-bottom:20px;
  */
  margin-bottom:26px;
}
/*---*/
::-moz-selection {
  background-color:#bd494c;
  color:#fff;
}
::selection {
  background-color:#bd494c;
  color:#fff;
}


ul.ListeStandard li{
  /*
	border-bottom:none !important;
    */
    border-bottom:1px solid #d8dbde;
    position:relative;
    padding-bottom:15px;
	margin-bottom:15px;
}
ul.ListeStandard li:after{
  content:'';
  position:absolute;
  bottom:-1px;
  /*
  left:-20px;
  */
  left:-25px;
  height: 1px;
  width: 30px;
  background-color:#d8dbde;
}

ul.ListeStandard li,
ul.ListeStandardCheckmark li
{
   position:relative;
   list-style-type:none;
}
ul.ListeStandard li:before{
   content:"";
   width:10px;
   height:10px;
   background-color:#d7494d;
   position:absolute;
   top:13px;
   /*
   top:9px;
   left:-20px;
   */
   left:-25px;
}

.ListeAkkordion li .toggle_container ul{
	margin-bottom:30px;
}

hr {
    border-color: #d8dbde;
}

.inhaltsbereichEinspaltig a.redaktionellerLink,
ul.listeGlossar li a
{
  padding-bottom:4px;
  position:relative;
  /*
  border-bottom-style:none;
  */
  /*
  border-bottom-style:solid;
  border-bottom-width:0px;
  border-bottom-color:#d7494d;
  transition: border-bottom-width 0.5s linear;
  */
}
.inhaltsbereichEinspaltig a.redaktionellerLink::before,
ul.listeGlossar li a::before
{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background-color:#d7494d;
  opacity:0;
  transition:0.5s linear;
}
.inhaltsbereichEinspaltig a.redaktionellerLink:hover::before,
ul.listeGlossar li a:hover::before
{
  opacity:1;
}

.inhaltsbereichEinspaltig a.redaktionellerLink:hover{
  text-decoration:none !important;
  /*
  border-bottom-style:dotted;
  border-bottom-style:solid;
   border-bottom-width:1px;
  */


}

/*---*/
ul.ListeStandardCheckmark{
  /*
  padding-left:20px;
  */
  padding-left:52px;
}
ul.ListeStandardCheckmark li{
   margin-bottom:15px;
   list-style-type:none !important;
}


ul.ListeStandardCheckmark li:before{
  content:"\f418";
  font-family:'Genericons';
  /*
   width:10px;
   height:10px;
   font-size:1.6em;
   left:-26px;
   top:1px;
   */
   position:absolute;
   top:0px;
   left:-60px;
   font-size:2.6em;
}

a.externerLink{
   position:relative;
   padding-left:34px;
}
a.externerLink::before{
  content:"\f442";
  font-family:'Genericons';

  font-size: 1.4em;
  /*
  line-height: 1.0em;
  margin-right:5px;
  margin-bottom:-3px;
  display: inline-block;
  */
  position:absolute;
  top:-2px;
  left:0;
}

/*---*/


@media (max-width: 600px) {
	b, strong{
		font-weight:600;
	}
}

@media (max-width: 767px) {
    h1, .textDerAussiehtWieH1{
      margin-top:20px;
    }
    h2, .elementDasAussiehtWieH2{
      /*
    font-size:30px;
    */
    font-size:24px;
     margin-bottom:15px;
     line-height:1.3em;
    }
    h2.h2siKontaktSeite{
	padding-top:10px;
    }
    h3{
      /*
     font-size:26px;
     font-size:23px;
     */
     font-size:20px;
     line-height:1.5em;
    }
    h4{
      font-size:17px;
      line-height:1.58em;
    }

    p,
    .ListeStandard li,
    .ListeStandardCheckmark li
    {
       font-size: 1.25em;
    }
    ul.ListeStandard li:before{
      /*
      top:8px;
      */
      top:9px;
    }
    .ListeStandard li h4{
    padding-top:1px;
    }

}
.brand,
.address-bar {
    display: none;
}
/*
.navbar-brand {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
}
*/
.navbar-nav {
    font-weight: 400;
}

/*---*/
/*-- anfang nav-bar siebert --*/


/*-- ende nav-bar siebert --*/
/*---*/

.img-full {
    min-width: 100%;
}
/*
.brand-before,
.brand-name {
    text-transform: capitalize;
}

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 0;
    font-size: 4em;
}
*/
.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin-bottom: 20px;
    padding: 30px 15px;
}

.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

.inhalt-ohne-footer{
	position:relative;
    /*
	border-bottom:4px solid #626674;
	*/
}

footer.footerStandard {
	background: rgba(98,102,116,0.7);
    /*
	border-top:2px solid #fff;
	*/
}

footer.footerStandard p {
    margin: 0;
	padding: 0 0;
}
/*
@media screen and (min-width:768px) {
*/
@media screen and (min-width:950px) {
    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
		/*
        font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
		*/
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }
    /*
    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }
    */
    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #fff;
        background: rgba(255,255,255,0.9);
    }
	.nav>li{
		margin-right:20px;
	}
	
    .nav>li>a {
		padding: 0px;
        /*
		padding-top:8px;
		padding-bottom:8px;
        */
        padding-top:18px;
		padding-bottom:18px;
    }

    .navbar-nav>li>a {
        line-height: normal;
    }

    .navbar-nav {
        display: table;
		float: right;
    }
}

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
}

/*--- ab hier: justus ----*/

.spalte1bei2spaltig, .spalte2bei2spaltig, .spalteAllebei2spaltig{
	position:relative;
	float:left;
}

.spalte1bei2spaltig{
	width:22%;
	margin-right:1%;
}
.spalte2bei2spaltig{
  /*
	width:77%;
    */
   width:100%;
}
.spalte2bei2spaltigMitSpalteLinks{
	width:77%;
}

.spalte2bei2spaltigGanzeBreite{
    width:100% !important;
}

@media screen and (max-width:1170px) {
	.spalte1bei2spaltig{
		width:1%;
		margin-right:0;
		display:none;
	}
	.spalte2bei2spaltig{
		width:100%;
	}
}

@media screen and (max-width:768px) {
	.spalte1bei2spaltig{
		width:1%;
		margin-right:0;
		display:none;
	}
	.spalte2bei2spaltig{
		width:100%;
	}
}

.zeileTopLogo{
  /*
	max-height:110px;
    max-height:120px;
    */
    max-height:100px;
    min-height:69px;
}

.box, .spalte2bei2spaltig2{
  /*
	background: #fff;
	background: rgba(255,255,255,1);
    */
    background: rgba(255,255,255,0.8);
}
.spalte2bei2spaltig2{
	position:relative;
	float:left;
	width:100%;
    /*
    margin-bottom:8px;
	padding-left:45px;
	padding-right:45px;
    */
    margin-bottom:15px;
    padding-left:80px;
	padding-right:80px;
}
.ohneBackground{
  background:none;
}


.spalteMitGrossemAbstandRechts{
	padding-right:100px;
}

.spalteBei1Spaltig{
	padding-left:0px;
	padding-right:0px;
}

.spalteOhneAbstandNachOben{
	margin-top:-10px;
}
.spalteBorderTopWeiss{
	border-top:1px solid #fff;
}
.box-2-spaltig, .box-1-spaltig{
	
	padding-left:0px;
	padding-right:0px;
	background:none;
}

.spalte2bei2spaltig2MitAbstandObenPadding{
  /*
	padding-top:80px;
    padding-top:100px;
    padding-top:120px;
    */
   padding-top:130px;
}
.abstandObenPaddingEinspaltig{
  /*
	padding-top:70px !important;
    padding-top:80px !important;
    */
    padding-top:105px !important;
}


.abstandObenPaddingStandard{
	padding-top:40px;
}
.abstandUntenPaddingStandard{
	padding-bottom:40px;
}
.abstandObenPadding80{
	padding-top:80px !important;
}



.elementSichtbarViewport{
  /*
  display:block;
  */
  opacity:1;
}
.elementUnSichtbarViewport{
  /*
  display:none;
   */
  opacity:0;
}

.elementSichtbarViewportDisplay{
  display:block;

}
.elementUnSichtbarViewportDisplay{
  display:none;
}
.elementViewportSchwarz{
  background-color: #000;
}

/* Image with 'data' attribute is hidden */
img[data-lazy-src]
{
	/* we set the opacity to 0 */
	opacity: 0;
}
.logo img,
#carousel-referenz #carousel-startseite-inner .nichtErstesItem p img
{
  opacity: 1 !important;
}

/*Image without 'data' attribute is (or becomes) visible */
img.lazyloaded
{
	/* prepare the future animation */
	-webkit-transition: opacity .5s linear 0.2s;
	   -moz-transition: opacity .5s linear 0.2s;
	        transition: opacity .5s linear 0.2s;

	/* we set the opacity to 1 to do the magic */
	opacity: 1;
}

#carousel-referenz #carousel-startseite-inner div.item:first-of-type p img{
  animation: animierreferenzbilder 2.0s linear forwards;
  -webkit-animation-name: animierreferenzbilder 2.0s linear forwards;
}


@keyframes animierreferenzbilder{
   0% { opacity:0.0; }
    100% { opacity:1.0; }
}

.nurSichtbarMobile{
  display:none !important;
}

a.linkNurSichtbarMobile{
    text-decoration:none;
}

@media (max-width: 767px) {
    a.linkNurSichtbarMobile{
        text-decoration:underline;
        color:#d7494d;
    }
    p.absatzLinkGoogleRoute{
       text-align:right;
        /*
       display:inline-block !important;
       width:100%;

       margin-top:-20px;
       */
       /*
       line-height:18px;
       max-height:30px;
       */
    }


    div.branchenReferenzenUebersichtMobile{
      display:block;
    }
    .abstandObenPaddingEinspaltig{
	padding-top:0px !important;
    }
}

@media (max-width: 600px) {
	.spalte2bei2spaltig2{
		padding-left:15px;
		padding-right:15px;
	}
	.spalteMitGrossemAbstandRechts{
		padding-right:0;
	}
	h1, .textDerAussiehtWieH1{
		font-size:28px;
	}
	.spalte2bei2spaltig2MitAbstandObenPaddingMobile{
		padding-top:0px;
	}
    .mobileGanzeBreite{
        padding-left:0px !important;
		padding-right:0px !important;
    }

}
@media (max-width: 767px) {
	.spalte2bei2spaltig2{
		padding-left:15px;
		padding-right:15px;
	}
	.spalteMitGrossemAbstandRechts{
		padding-right:0;
	}
	h1, .textDerAussiehtWieH1{
	  /*
		font-size:28px;
        */
      font-size:35px;
      font-weight: 700;
	}
     /*
    .spalte2bei2spaltig2 h1,
     */
    .spalte2bei2spaltig2 > h2,
    .elementViewport > h2,
    .elementSilbentrennungMobil
    {

      -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   word-wrap: break-word;

    }

	.spalte2bei2spaltig2MitAbstandObenPaddingMobile{
		padding-top:20px;
	}
    .mobileGanzeBreite{
        padding-left:0px !important;
		padding-right:0px !important;
        width:100%;
    }

    .abstandObenPaddingStandardMobile{
	padding-top:10px;
    }
    .abstandUntenPaddingStandardMobile{
    	padding-bottom:10px;
    }
    .keinPaddingUntenStandardMobile{
    	padding-bottom:0px !important;
        margin-bottom:0 !important;
    }

     .keinAbstandObenStandardMobile{
    	padding-top:0px !important;
        margin-top:0 !important;
    }
    .keinMarginObenStandardMobile{
        margin-top:0 !important;
    }
    .nurSichtbarMobile{
        display:block !important;
    }
    .auchSichtbarMobil{
       display:block !important;
    }

    .nichtSichtbarMobile,
    br
    {
        display:none !important;
    }
    .nurSichtbarMobile a.AbsatzLinkMitPfeilkreisDavorStandard:before{
      display:inline-block;

    }
    .nurSichtbarMobile a.AbsatzLinkMitPfeilkreisDavorStandard{
      display:inline-block;
    }

}
@media (max-width: 980px) {
   .auchSichtbarTablet{
       display:block !important;
    }
    .unsichtbarTablet{
		display:none !important;
	}
}
/*---*/

.teaser, .teaserSchicht p{

	font-style:italic;
    /*
	font-family: 'Droid Serif', serif;
    font-size:1.60em;
	line-height:1.4em;
    max-width: 920px;
    font-size:2.00em;
    margin-bottom:40px;
    margin-bottom:55px;
    */
    font-family: 'Noto Serif', serif;
	font-size:2.10em;
	line-height:1.4em;
	margin-bottom:100px;

}
.teaser-blog{
  margin-bottom:80px;
}

.spalteInhaltStandardNeu h1,
.spalteInhaltStandardNeu .teaser,
.spalteInhaltStandardNeu2 h1,
.spalteInhaltStandardNeu2 .teaser,
.spalteInhaltStandardNeu2 h2.h2Leistungen,
h1.h1SiBlog
{
  margin-left:10%;
  margin-right:10%;
  text-align:center;
}
/*
.inhaltsbereichEinspaltigObenWebdesignKoeln .teaser
{
   text-align:left;
}
*/
h1.H1ReferenzSingle{
  margin-left:0;
  margin-right:0;
  text-align:left;
}

.spalteInhaltStandardNeu2 > p > img,
.spalteInhaltStandardNeu > p > img
{
  max-width:100%;
  height:auto;
}

h2.h2Leistungen{
  margin-top:50px;
}

h1.h1SiBlog
{
  margin-left:0;
  margin-right:0;
}

div.elementRoterKastenStandard,
div.elementGrauerKastenStandard,
div.elementUeberGanzeBreite
{
  display:block;
  margin-left:-80px;
  margin-right:-80px;
  padding-left:80px;
  padding-right:80px;
  padding-top:75px;
  padding-bottom:75px;
  margin-top:75px;
  margin-bottom:75px;
}

div.elementRoterKastenStandard blockquote.zitatWeissGross{
  padding-top:0;
  padding-bottom:0;
  /*
  font-size:44px;
  */
}

div.elementUeberGanzeBreiteOhnePadding
{
  padding-left:0px;
  padding-right:0px;
}

div.elementUeberGanzeBreite,
article.kundenstimmeWebdesignKoeln
{
   padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px;
}
div.elementUeberGanzeBreite img{
  max-width: 100%;
  height:auto;
}
div.elementUeberGanzeBreiteOhneMarginHorizontal{
  margin-left: 0;
  margin-right: 0;
}
div.elementOhnePaddingOben{
  padding-top:0;
}
div.elementOhnePaddingUnten{
  padding-bottom:0 !important;
}

div.elementRoterKastenStandard div.ZweispaltenInhaltGesamt,
div.elementGrauerKastenStandard div.ZweispaltenInhaltGesamt
{
   display:inline-block;
   float:none;
}

div.elementRoterKastenStandard,
div.elementRoterKastenStandard p,
div.elementRoterKastenStandard blockquote.zitatStandard::before
{
  color:#fff !important;
}
div.ZweiSpaltenInhaltSpalte div.elementRoterKastenStandard,
div.ZweiSpaltenInhaltSpalte div.elementGrauerKastenStandard
{
   margin-left:0px;
  margin-right:0px;
  padding-left:20px;
  padding-right:20px;
  padding-top:25px;
  padding-bottom:25px;
  margin-top:0px;
  margin-bottom:0px;
}

div.elementGrauerKastenStandard,
div.elementGrauerKastenStandard p,
div.elementGrauerKastenStandard blockquote.zitatStandard::before
{

}

div.spalteInhaltStandardNeu2{
  padding-bottom:80px;
}
div.spalteInhaltStandardNeu2 > div.spalteInhaltStandardNeu2
{
  padding-bottom:0px;
}

.spalteInhaltStandardNeu2 > ul.ListeAkkordion,
.elementDasMittigZentriertSeinSoll,
blockquote.zitatStandard.elementDasMittigZentriertSeinSoll
{
   margin-left:10%;
   margin-right:10%;
   max-width: 1050px;
}


.elementDasMittigSeinSoll,
blockquote.zitatStandard.elementDasMittigSeinSoll
{
   margin-left:10%;
   margin-right:10%;
   max-width: 1050px;
}


.elementMitTextalignCenter{
  text-align: center;
}
p.textUeberGanzeBreite,
h2.textUeberGanzeBreite,
h3.textUeberGanzeBreite
{
    max-width:100% !important;
}


h2.h2StandardRotKursivZentriert,
h2.h2StandardRotKursivZentriertMehrAbstandOben,
h3.h3StandardRotKursivZentriert
{
  font-style: italic;
  font-family: 'Noto Serif', serif;

  font-weight: 400;
   /*
  font-size: 50px;
  padding-top:50px;
  margin-bottom: 45px;
  */
  margin-bottom: 45px;
  text-align: center;
  margin-left:10%;
   margin-right:10%;
   padding-top:75px;
   /*
   max-width:100%;
   */
}
h2.h2StandardRotKursivZentriert,
h2.h2StandardRotKursivZentriertMehrAbstandOben
{
  font-size: 50px;

}
/*
h2.h2StandardRotKursivZentriertMehrAbstandOben{
  padding-top:50px;
}
*/
h3.h3StandardRotKursivZentriert{

}

.containerMittig{
  margin-left:10%;
   margin-right:10%;
   max-width: 1050px;
}
.containerMittig h2{
  text-align: center;
}


.teaserMitGeringeremAbstandUnten{
  margin-bottom:35px;
}

.spalteInhaltStandardNeu > p,
.spalteInhaltStandardNeu > h2,
.spalteInhaltStandardNeu > h3,
.spalteInhaltStandardNeu > ul,
.spalteInhaltStandardNeu > ol,
.inhaltsbereichEinspaltig > p,
.inhaltsbereichEinspaltig > p,
.teaser,
.spalte2bei2spaltig2 > p,
ul.ListeSuchergebnis,
ul.ListeAkkordion,
div.elementRoterKastenStandard p,
ul.ListeKontaktFormularNeu2019 textarea
{
  /*
  max-width: 920px;
  */
  max-width: 100%;
}
@media (max-width: 1200px) {
    div.elementRoterKastenStandard blockquote.zitatWeissGross{
       padding-left:40px;
       padding-right: 40px;
    }
    blockquote.zitatWeissGross p{
      font-size: 28px !important;
    }

}
@media (max-width: 767px) {
  /*
    div.elementRoterKastenStandard blockquote.zitatWeissGross{
       padding-left:50px;
       padding-right: 50px;
    }
    */
    blockquote.zitatWeissGross p{
      font-size: 23px !important;
    }

    .spalteInhaltStandardNeu h1,
    .spalteInhaltStandardNeu .teaser,
    .spalteInhaltStandardNeu2 h1,
    .spalteInhaltStandardNeu2 .teaser,
    .spalteInhaltStandardNeu2 h2.h2Leistungen,
    h1.h1SiBlog,
    h2.h2StandardRotKursivZentriert,
    h2.h2StandardRotKursivZentriertMehrAbstandOben,
    h3.h3StandardRotKursivZentriert
    {
      margin-left:0;
      margin-right:0;
      text-align:left;
    }

}

@media (min-width: 1200px) {
  .spalteInhaltStandardNeu > p,
  .spalteInhaltStandardNeu > h2,
  .spalteInhaltStandardNeu > h3,
  .spalteInhaltStandardNeu2 > h2,
  .spalteInhaltStandardNeu2 > h3,
  .spalteInhaltStandardNeu > ul,
  .spalteInhaltStandardNeu > ol,
  .inhaltsbereichEinspaltig > p,
  .inhaltsbereichEinspaltig > p,
  .teaser,
  .spalte2bei2spaltig2 > p,
  ul.ListeSuchergebnis,
  .elementViewport > p,
  .elementViewport > h2,
  .elementViewport > h3,
  .elementViewport > ul,
  .elementViewport > ol,
  ul.ListeAkkordion,
  div.elementRoterKastenStandard p
  {
    /*
    max-width: 920px;
    max-width: 1000px;
    */
    max-width: 1050px;
  }
   ul.ListeKontaktFormularNeu2019 textarea
  {
    max-width: 900px;
  }
  ul.ListeAkkordion,
  ul.ListeStandard
  {
    max-width: 950px;
  }

}



.text-droid{
  /*
	font-family: 'Droid Serif', serif;
    */
    font-family: 'Noto Serif', serif;
}
.text-lato{
	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.text-opensans{
  /*
	font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
    */
}
.text-kursiv, .textKursiv{
	font-style:italic;
}
.text-bold, .textFett{
	font-weight:700;
}
a:hover, a:focus, .text-standard-rot,
.textRot,
a.LinkMitPfeilkreisDavorStandard,
#pagination .paginationInner .TextSeitenLinks,
.pagination .paginationInner .TextSeitenLinks,
ul.listeGlossar li a:hover,
ul.listeGlossar li.curren_item a,
ul.LinkListeStartseiteWunschkunden li a:hover, a,
#wp-realtime-sitemap-menu ul li a:hover,
ul.sitemapWebseite li a:hover,
.LinkListePassendeBlogArtikel li a:hover,
a.LinkMitPfeilkreisDavorNachLinksStandard:before,
a.LinkMitPfeilkreisDavorNachLinksStandard:hover,
ol.listeAnkerLinksOrdered li,
ul.ListeStandardCheckmark li:before,
ul.ListeExtranavFooter1 li a:hover,
div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite a:hover,
div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte1Kontaktseite a:hover,
.autor-kontakt-daten a:hover,
h2.h2StandardRotKursivZentriert,
h2.h2StandardRotKursivZentriertMehrAbstandOben,
h3.h3StandardRotKursivZentriert,
span.wpcf7-not-valid-tip
{
	color:#d7494d;
}

a:focus {
  outline:0;
}

.text-kein-uppercase{
	text-transform:none;
}
.text-1p6em{
	font-size:1.60em;
	
}
.titelBranchenReferenzenTeil1{
	font-size:0.60em;
	font-weight:400;
}

.zitatUnterBild{
  /*
	font-family: 'Droid Serif', serif;
    */
    font-family: 'Noto Serif', serif;
	font-style:italic;
	text-align:right;
	margin-top:20px;
}

.textRechtsbuendig{
	text-align:right;
}

.text-schatten-standard{
	text-shadow: 2px 2px 3px #333;
}

.ohne-abstand-nach-unten{
	margin-bottom:0;
}
.element-float-right{
	float:right;
}




/*---*/

.textWeiss{
	color:#fff;
}
.h2Groesser{
  /*
	font-size:34px;
    margin-bottom:65px;
    */
    font-size:50px;
    margin-bottom:45px;
}
.h1StandardAbstandUnten{
  /*
  margin-bottom:25px;
  */
  margin-bottom:45px;
}

.h2GroesserNeu{
  font-size:34px;
  margin-bottom:55px;
}

.textLight{
	font-weight:300;
}

.textSize24px{
	font-size:24px;
}

.textFarbe001721{
	color:#001721;
}

.absatz-mit-geringem-abstand-nach-unten{
	margin-bottom:4px;
}
.absatz-mit-geringem-abstand-nach-unten2,
h2.absatz-mit-geringem-abstand-nach-unten2
{
	margin-bottom:14px;
}

.absatz-mit-geringem-abstand-nach-unten3{
	margin-bottom:20px;
}
.ohne-abstand-nach-oben{
	margin-top:0;
	padding-top:0;
}

/*---*/

p.absatzCallToAction{
  margin-bottom:0;
  display: flex;
  align-items: center;
  justify-content: center;
}
p.absatzCallToAction a{
  margin:0 auto;
  /*
  margin-bottom:0;
  */
  display:inline-block;
  position:relative;
  color:#fff;
  border-radius:3px;
  padding-left:60px;
  padding-right:60px;
  padding-top:20px;
  padding-bottom:20px;
  transition:background-color 0.4s linear;
}
p.absatzCallToAction a::after{
  display:none;
}

/*---*/

blockquote {
  padding: 0px 0px;
  margin: 0 0 0px;
  font-size:1.0em;
  border-left: 0px solid transparent;
}

blockquote.zitatStandard {
 	margin-left:40px;
	font-size:1.25em;
	font-style:italic;
    margin-bottom:40px;
}
blockquote.zitatStandard p{
  margin-bottom: 16px;
}

blockquote.zitatStandard p, blockquote.zitatStandard footer cite, figure.quote figcaption{
  /*
	font-family: 'Droid Serif', serif;
    */
    font-family: 'Noto Serif', serif;
}
blockquote.zitatStandard footer, figure.quote figcaption{
  /*
	text-align:right;
    */
}
blockquote.zitatStandard footer cite{
	
}
blockquote.zitatStandard:before, .carousel-inner .item blockquote.zitatStandard:before{
content: "\00BB";
padding-right:4px;
margin-bottom:0px;
float:left;
font-size:1.50em;
color:#001721;
/*
font-family: 'Droid Serif', serif;
*/
font-family: 'Noto Serif', serif;
/*
margin-top:-6px;
*/
margin-top:-2px;
margin-left:-20px;

}
blockquote.zitatStandardKundenstimmen:before{
  /*
 margin-top:-9px;
 */
 margin-top:-7px;
}
blockquote.zitatStandardKundenstimmen .zitatEnde:after{
   top:7px !important;
}

blockquote.zitatStandard .zitatEnde{
	position:relative;
}
blockquote.zitatStandard .zitatEnde:after{
	content: "\00AB";
	position:absolute;
    /*
	top:6px;
    */
    top:11px;
	line-height:10px;
	font-size:1.00em;
}

figure.figureZitatProfil{

}
figure.figureZitatProfil blockquote{
   margin-bottom:20px;
}
figure.figureZitatProfil figcaption{
  padding-left:40px;
}

.ZweiSpaltenInhaltSpalte1MitBildLinksbuendig figure,
.ZweiSpaltenInhaltSpalte1MitBildLinksbuendig > p > img
{
  margin-left:0px;
}
.ZweiSpaltenInhaltSpalte1MitBildLinksbuendig figure{
  margin-left:auto;
}

@media (min-width: 1380px) {
  .ZweiSpaltenInhaltSpalte1MitBildLinksbuendig figure,
  .ZweiSpaltenInhaltSpalte1MitBildLinksbuendig > p > img
  {
    margin-left:-80px;
  }
}
/*---*/

article.kundenstimme blockquote.zitatStandard p{
  /*
  font-size:1.00em;
  */
  font-size:1.25em;
  line-height: 1.40em;
  font-family: "Lato","Helvetica Neue","Helvetica","Arial",sans-serif;
}

blockquote.zitatWeissGross {
  /*
	padding:50px;
    */
    padding:110px;
    padding-top:75px;
    padding-bottom:75px;
}
blockquote.zitatWeissGross p, blockquote.zitatWeissGross cite{
	color:#fff;
	text-align:center;
}
blockquote.zitatWeissGross p{
	font-style:italic;
    /*
	font-family: 'Droid Serif', serif;
    font-size:2.20em;
    font-size:2.50em;
    font-size:50px;
    */
    font-family: 'Noto Serif', serif;
    font-size:44px;
    line-height:1.30em;
    max-width: none;
}
blockquote.zitatWeissGross footer{
	text-align:center;
}
blockquote.zitatWeissGross cite{

}
/*---*/

.carousel-inner .item blockquote{
	font-style: italic;
	
}
.carousel-inner .item blockquote, .carousel-inner .item blockquote footer cite{
	
	color:#3f5a62;
    /*
	font-family: 'Droid Serif', serif;
    */
    font-family: 'Noto Serif', serif;
}
.carousel-inner .item blockquote:before, .carousel-inner .item blockquote p:after{
	position:relative;
	display: block;
	
	font-size: 40px;
	
	
	font-family: Georgia, serif;
}
.carousel-inner .item blockquote:before{

content: "\00BB";
padding-right:4px;
color:#001721;
font-size:20px;

margin-top:-5px;
margin-bottom:50px;
float:left;
}
.carousel-inner .item blockquote p:after{
	float:right;
}
.zitatEnde, .zitatAnfang{
	position:relative;
}
.zitatEnde:after{
	content: "\00AB";
    /*
	position:absolute;
    */
	top:-2px;
	left:3px;
	font-size: 20px;
	line-height:20px;
	font-family: Georgia, serif;
}

.carousel-inner .item blockquote footer cite{
	text-align:right;
	float:right;
}

.carousel-inner footer{
	border:0px solid #fff;
}

.carousel-indicators-kundenziele{
  width:auto;
}
@media (max-width: 1400px) {
   .carousel-indicators-kundenziele{
     margin-left:-38%;
   }

}
@media (max-width: 600px) {
	blockquote.zitatWeissGross p{
	  /*
		font-size:1.60em;
      */
      font-size:1.60em;
	}
	blockquote.zitatWeissGross {
	padding-left:0px;
	padding-right:0px;
    }


}
@media (max-width: 1000px) {
  .carousel-indicators-profil
  {
    /*
     margin-left:-24%;
     */
    margin-left:-32%;
  }
}

@media (max-width: 767px) {
  .carousel-indicators-kundenziele,
  .carousel-indicators-profil
  {
    /*
     margin-left:-50%;
     */
     margin-left:-45%;
     bottom:-20px !important;
    }
    .carousel-indicators-wunschkunden{
      margin-left:-50%;
    }

  .carousel-indicators-profil
  {
     padding-right:0;
    }
    div.elementRoterKastenStandard blockquote.zitatWeissGross{
      /*
       padding-left:10px;
       padding-right: 10px;
       */
      padding-left:25px;
       padding-right: 25px;
    }
}



/*-- anfang responsive tables --*/

table.responsive th { font-weight: bold; }
table.responsive td, table.responsive th { padding: 9px 10px; text-align: left; vertical-align:top;}


@media only screen and (max-width: 900px) {
  div.elementRoterKastenStandard,
    div.elementGrauerKastenStandard
    {
  margin-left:-25px;
  margin-right:-25px;
  padding-left:25px;
  padding-right:25px;
    }
    div.elementUeberGanzeBreite
    {
  /*
  margin-left:-25px;
  padding-left:25px;
  margin-right:-25px;
  padding-right:0px;
  */


    }
    .spalteInhaltStandardNeu h1,
    .spalteInhaltStandardNeu .teaser,
    .spalteInhaltStandardNeu2 h1,
    .spalteInhaltStandardNeu2 .teaser,
    .spalteInhaltStandardNeu2 h2.h2Leistungen,
    h1.h1SiBlog
    {
      margin-left:0;
      margin-right:0;
    }
}
/* Mobile */
@media only screen and (max-width: 767px) {

	table.responsive { margin-bottom: 0; }
    table tbody tr:nth-child(2n){
      background-color: #ccc;
    }

	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { /* white-space: nowrap; */ }
	.pinned td:last-child { border-bottom: 0; }

	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

	table.responsive td, table.responsive th { position: relative; /* white-space: nowrap; */ overflow: hidden; }
	/* table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } */

   .teaser, .teaserSchicht p{
	margin-bottom:38px;

    }
    div.spalteInhaltStandardNeu2{
        padding-bottom:30px;
    }
    div.elementRoterKastenStandard,
    div.elementGrauerKastenStandard
    {
  display:block;
  margin-left:-15px;
  margin-right:-15px;
  padding-left:15px;
  padding-right:15px;
  /*
  padding-top:25px;
  padding-bottom:25px;
  */
  padding-top:60px;
  padding-bottom:60px;
  margin-top:25px;
  /*
  margin-bottom:25px;
  */
   margin-bottom:50px;
    }

    .elementDasMittigSeinSoll,
    .elementDasMittigZentriertSeinSoll
     {
       margin-left:0px;
       margin-right:0;
     }
     h2.h2StandardRotKursivZentriert,
      h2.h2StandardRotKursivZentriertMehrAbstandOben,
      h3.h3StandardRotKursivZentriert
      {
        margin-left:0;
         margin-right:0;
         padding-top:25px;
         margin-bottom:25px;
      }



    .spalteInhaltStandardNeu2 > ul.ListeAkkordion,
    .blockquote.zitatStandard.elementDasMittigSeinSoll,
    .blockquote.zitatStandard.elementDasMittigZentriertSeinSoll
    {
       margin-left:15px;
       margin-right:0;
    }
    .spalteInhaltStandardNeu h1,
    .spalteInhaltStandardNeu .teaser,
    .spalteInhaltStandardNeu2 h1,
    .spalteInhaltStandardNeu2 .teaser,
    .spalteInhaltStandardNeu2 h2.h2Leistungen,
    h1.h1SiBlog
    {
      margin-left:0;
      margin-right:0;
    }
    .ZweiSpaltenInhaltSpalte1MitBildLinksbuendig figure,
    .ZweiSpaltenInhaltSpalte1MitBildLinksbuendig > p > img
    {
      margin-left:0px;
    }
    div.elementUeberGanzeBreite{
      margin-left:-15px;
      margin-right:-15px;
    }

}

/*-- ende responsive tables --*/

/*----*/

.zeileTop{
	border-bottom:1px solid #a2adb3; 
}

.container{
	padding-left:0;
	padding-right:0;
}
.row{
	margin-left:0;
	margin-right:0;
}

.containerNavbarOben{
  /*
	padding-top:4px;
	padding-bottom:4px;
    */
   padding-top:14px;
	padding-bottom:6px;

    padding-left:15px;
    padding-right:15px;
}
.containerNavbarOben1{
  /*
	min-height:120px;
    */
    min-height:100px;
	padding-top:25px;
}
.logo{
	position:relative;
	display:block;
	float:left;
    margin-bottom:0;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    /*
	margin-top:16px;
    */
    margin-top:-6px;
    margin-right:20px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-toggle .icon-bar {
   width: 33px;
  height: 3px;
  border-radius: 2px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}
.ZweispaltenInhaltGesamt img{
   max-width:100%;
   height:auto;
}
/*
@media (max-width: 1379px) {
*/
@media (max-width: 1399px) {
  .ZweispaltenInhaltGesamt figure,
  .ZweispaltenInhaltGesamt figcaption
  {
    width:auto;
  }

}
/*
@media (min-width: 1380px) {
*/
@media (min-width: 1400px) {
    .containerNavbarOben{
       padding-left:0px;
    padding-right:0px;
    }
    .ZweispaltenInhaltGesamt img{
    max-width:none;
    }
    .ZweispaltenInhaltGesamtBildMitMaxWith img{
    max-width:100%;
    }
}
@media (max-width: 800px) {
    .carouselKundenstimmen{
      display:none;
    }
    .navbar-haupt-horizontal{
      min-height:2px;
    }

}

@media (max-width: 767px) {
    .zeileTop{
      background-color:transparent;
      float:none;
      display:none;
    }
    .logo img{
		max-width:70%;
		height:auto;
        margin-left:5px;
	}
    .logo{
	    float:none;
        margin-bottom:0 !important;
    }
    ul#menu-hauptmenue{
      margin-bottom:50px;
    }

    .navbar-header-hauptmenue{
		position:absolute;
		top:-60px;
		right:0;
		height:1px;
		min-height:1px !important;
	}

     .navbar-haupt-horizontal > .navbar-collapse{
       padding-left:0 !important;
     }

	.navbar-haupt-horizontal{
		border-color:transparent;
	}
    /*
	.navbar-haupt-horizontal .in{
		margin-bottom:50px !important;
	}
    */
    .navbar-haupt-horizontal .collapse{
      /*
		margin-bottom:50px !important;
        border-bottom:50px solid #ffffff;
        */

	}

	.containerNavbarOben1{
	  /*
		min-height:50px;
        */
        min-height:30px;
		padding-top:5px;
	}
    .containerNavbarOben{
       padding-left:0px;
        padding-right:0px;
    }


    .teaser, .teaserSchicht p{
    /*
	font-size:1.60em;
	line-height:1.4em;
    */
    font-size:1.40em;
	line-height:1.5em;
    }
}

.carouselKundenstimmen{
	/*
	background-color:#fff;
	*/
	position:relative;
	float:right;
	width:450px;
	margin-top:-6px;
	max-height:80px;
}
.carouselKundenstimmen blockquote:before{
  content:'';
  display:none !important;
}
.carouselKundenstimmen blockquote p:before{
  /*
display:block;
content: "\00BB";
padding-right:4px;
color:#001721;
font-size:20px;

margin-top:-5px;
margin-bottom:50px;
*/
}
.carouselKundenstimmen blockquote p .zitatAnfang{
display:inline-block;
padding-right:1px;
position:relative;
margin-right:1px;
margin-top:-5px;

}
.carouselKundenstimmen blockquote p .zitatAnfang:before{
  content: "\00BB";
  display:block;
  color:#001721;
font-size:20px;
}

.carouselKundenstimmen blockquote{
    text-align:right;
}

.carouselKundenstimmen blockquote p{
	font-size:1.10em;
    /*
    padding-right:30px;
    */
    margin-bottom:3px;
}

.carousel-inner .item{

}

.carousel-inner-startseiten-header .item > p{
	margin-bottom:0;
}

.carousel-inner-startseiten-header img.mobile{
    display:none;
}

/*---*/
@media (max-width: 420px) {
	.carousel-inner-startseiten-header img.mobile{
		display:block;
	}
    .carousel-inner-startseiten-header img.desktop{
		display:none;
	}
}
@media screen and (max-width: 767px) {
	.carousel-inner-startseiten-header img.mobile{
		display:block;
	}
    .carousel-inner-startseiten-header img.desktop{
		display:none;
	}
}
/*-- nur fuer google pagespeed insights --*/
@media screen and (max-width: 320px) {
	.carousel-inner-startseiten-header img.mobile{
		display:block;
	}
    .carousel-inner-startseiten-header img.desktop{
		display:none;
	}
}

@media (max-width: 600px) {
	.carouselKundenstimmen{
		max-width:400px;
	}
	body {
	font-weight:400;
	}
}
@media (max-width: 520px) {
	.carouselKundenstimmen{
		max-width:300px;
		margin-right:5px;
		display:none;
	}
}
/*----*/

ul.NaviSidebarRechts:before, ul.NaviSidebarRechts ul:before, ul.NaviSidebarRechts:after, ul.NaviSidebarRechts ul:after{
	box-sizing: padding-box;
}

ul.NaviSidebarRechts, ul.NaviSidebarRechts ul{
	list-style-type:none;
	margin-left:0;
	margin-right:0;
	padding-left:0;
}
ul.NaviSidebarRechts{
	
}
ul.NaviSidebarRechts li, ul.NaviSidebarRechts li ul li{
	margin-left:0;
	margin-right:0;
	text-align:right;
}

ul.NaviSidebarRechts > li > ul > li{
	border-bottom:1px solid #d8dbde;
	margin-bottom:0;
	padding-right:10px;
}
ul.NaviSidebarRechts > li > ul > li > a{
	font-weight:400;
	padding-top:8px;
	padding-bottom:8px;
}

ul.NaviSidebarRechts{
	background-color: rgba(255,255,255,0.7);
	
	border-top:4px solid #d7494d;
	padding-top:8px;
	padding-right:10px;
	margin-top:120px;
}

ul.NaviSidebarRechts li a, ul.NaviSidebarRechts li ul li a{
	color:#2c454d;
	font-size:1.48em;
	transition:color 0.4s linear;
	
}

ul.NaviSidebarRechts li ul li ul li{

	margin-bottom:1.10em;
}

ul.NaviSidebarRechts li ul li ul{
	margin-right:1.40em;
	margin-top:0.40em;
}
ul.NaviSidebarRechts li ul li ul li a{
	font-size:1.10em;
	line-height:1.30em;
}


ul.NaviSidebarRechts li a:hover, ul.NaviSidebarRechts li ul li a:hover{
	text-decoration:none;
	
}

 /*-- in menu den aktiven menuepunkt sichtbar machen --*/


ul.NaviSidebarRechts li a:hover, ul.NaviSidebarRechts li ul li a:hover, ul.NaviSidebarRechts li.current_page_ancestor ul li.current_page_item ul li a:hover, ul.NaviSidebarRechts li.current_page_ancestor ul li.current_page_ancestor ul li a:hover,

ul.NaviSidebarRechts li.current_page_ancestor ul li.current_page_ancestor a, 
ul.NaviSidebarRechts li.current_page_ancestor ul li.current_page_item a, 
ul.NaviSidebarRechts li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item a,
ul.NaviSidebarRechts li.current-menu-ancestor ul li.current-menu-item a{
	color:#d7494d;
}

ul.NaviSidebarRechts li.current_page_ancestor ul li.current_page_ancestor ul li a:hover:after, ul.NaviSidebarRechts li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item a:after{
	position:absolute;
	right:15px;
	content:"\21E2";
}

ul.NaviSidebarRechts li.current_page_ancestor ul li.current_page_item ul li a, ul.NaviSidebarRechts li.current_page_ancestor ul li.current_page_ancestor ul li a{
	color:#001721;
}

/* die 3. ebene ausblenden, wenn wenn die 2. ebene nicht aktiv ist */
ul.NaviSidebarRechts > li.current_page_ancestor > ul > li > ul{
	display:none;
}
/* aber die 3. ebene einblenden, wenn die 2. elternebene aktiv ist */
ul.NaviSidebarRechts li.current_page_ancestor ul li.current_page_item ul, ul.NaviSidebarRechts li.current_page_ancestor ul li.current_page_ancestor ul{
	display:block;
}

ul.NaviSidebarRechts > li > a,
ul.NaviSidebarRechts li ul.children li,
ul.NaviSidebarRechts li ul.sub-menu li
{
	display:none;
}
ul.NaviSidebarRechts li.current_page_ancestor ul li a, ul.NaviSidebarRechts li.current_page_item ul li a, ul.NaviSidebarRechts li.current_page_ancestor, ul.NaviSidebarRechts li.current_page_item, ul.NaviSidebarRechts li.current_page_ancestor ul li, ul.NaviSidebarRechts li.current_page_item ul li, ul.NaviSidebarRechts li.current_menu_item ul.children, ul.NaviSidebarRechts li.current_menu_item ul.children li, ul.NaviSidebarRechts li.current_menu_item ul.children li a, ul.NaviSidebarRechts li.current-category-ancestor ul li, ul.NaviSidebarRechts li.current-category-ancestor ul, ul.NaviSidebarRechts li.current-category-ancestor ul li a{
	display:block;
}
/*---*/

.innererSchattenTop{
box-shadow: inset 0px 3px 3px 0px rgba(100,100,100,0.55);
}
.innererSchattenLinks{
	box-shadow: 5px 0 5px -5px #333;
}

.innererSchattenTopUndLinks{

	box-shadow: inset 3px 3px 3px 0px rgba(100,100,100,0.55);
}




/*---*/
.tabelleKontaktDaten{
	
}
.tabelleKontaktDaten tr td{
	font-size:1.25em;
}
.tabelleKontaktDaten tr td:first-child{
	padding-right:10px;
}
.AbsatzHeaderKontaktDaten{
	position:relative;
	float:left;
	font-size:0.90em;
	margin-bottom:0;
	margin-top:8px;
}
.AbsatzHeaderKontaktDaten a{
  transition:color 0.5s linear;
}

@media (max-width: 600px) {
	.AbsatzHeaderKontaktDaten{
		margin-bottom:10px;
		display:none;
	}
}
/*
.AbsatzNewsletterLinkHeader{
	position:relative;
	float:right;
	background-color:#626674;
	color:#fff;
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
	line-height:28px;
	margin-right:10px;
	margin-bottom:0;
	font-size:1.00em;
	font-weight:300;
}
.AbsatzNewsletterLinkHeader a{
	color:#fff;
}
*/
/*---*/

#SuchFormHeader{
	float:right;
    border-radius:3px;
    overflow: hidden;
}
#SuchFormHeader input, #SuchFormHeader button{
	float:left;
	position:relative;
	display:block;
    border-radius:0;
    border:none;
    height:38px;
    /*
    border:0px solid transparent;
    border-radius:0px;
	height:28px;
    */
}
#SuchFormHeader input{
	width:225px;
	z-index:10;
	padding-top:0;
	padding-bottom:0;
	font-style:italic;
}
#SuchFormHeader button{
	z-index:9;
    /*
	background-color:#626674;
    transition: background-color .13s linear;
    */
    background-color:#e3e3e3;
	position:relative;
    min-width:36px;

}
/*
#SuchFormHeader button:hover{

}
*/
#SuchFormHeader button:before{
  /*
	content:"\1F50D";
    */
    font-family:'Genericons';
    content:"\f400";
    /*
	color:#fff;
    */
    color:#121113;
	position:absolute;
	top:3px;
	left:5px;
    font-size:22px;
    line-height: 36px;
    transition: color .13s linear;
    font-weight:bold;
}

.form-control{
  -webkit-box-shadow:none !important;
  box-shadow: none !important;
}

/*---*/

.navbar-default, .navbar-default:before, .navbar-default:after{
	display:block !important;
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}
.hauptmenueHorizontal{
	padding-right:0;
	z-index:100000;
}

.navbar-default .navbar-nav > li > a {
  /*
	font-size:1.20em;
    */
    font-size:1.50em;
}

@media screen and (max-width:767px) {
    .navbar-default .navbar-nav > li > ul > li > a{
       font-size:1.20em;
    }

}

@media (max-width: 600px) {
  /*
	.navbar-default .navbar-nav > li > a {
		border-bottom:1px solid #2c454d;
	}
    */
    .navbar-default .navbar-nav > li{
      /*
		border-bottom:1px solid #2c454d;
        */
       border-bottom:1px solid #76868f;
	}
    .navbar-default .navbar-collapse{
      border-top:1px solid #76868f;
    }

}


/*---*/

ul.ListeLeistungenAusgerueckt,
ul.ListeLeistungenAusgerueckt li
{
  list-style-type: none !important;
}
ul.ListeLeistungenAusgerueckt li h4{
  margin-bottom:5px;
}

.toolLeisteImInhaltsbereich{
	position:absolute;
	display:inline-table;
	width:100%;
	top:10px;
	left:0;
	z-index:100;
}
.toolLeisteImInhaltsbereichMobile{
   display:none;
}
.toolLeisteImInhaltsbereichDesktop{

}
.zeileTopToolLeisteMobile{
   display:none;

}
.zeileTopToolLeisteMobile .toolLeisteImInhaltsbereich{
   position:relative;
   top:0;
}

.spalteBei1Spaltig .toolLeisteImInhaltsbereich, .spalte2bei2spaltig2 .toolLeisteImInhaltsbereich{
	
	padding-right:15px;
}
@media (max-width: 600px) {
	.toolLeisteImInhaltsbereich{
		padding-right:0 !important;
		top:-50px;
		z-index:1;
	}
}
@media (max-width: 767px) {
	.toolLeisteImInhaltsbereich{

	}
    .toolLeisteImInhaltsbereichDesktop{
       display:none;
	}
    .toolLeisteImInhaltsbereichMobile{
       display:inline-table;
	}
    .zeileTopToolLeisteMobile{
        display:block;
    }
}

.toolLeisteLinks{
	position:relative;
	float:left;
	padding-left:45px;
	background-color: rgba(255,255,255,0.90)
}

.toolLeiste{
	position:relative;
	float:left;
	margin-right:30px;
}
.toolLeiste, .toolLeiste p{
	margin-bottom:2px;
}
.toolLeiste a{
	text-decoration:none;
	
	font-size:0.75em;
	padding-bottom:4px;
}

.toolLeiste .icon, .toolLeiste .glyphicon{
	margin-left:4px;
}
.icon-kleiner-standard{
	font-size:1.00em;
}

.toolLeisteMagazinBottomMobile{
  margin-top:30px;
}


/*----*/
@media (max-width: 949px) {
    .toolLeisteImInhaltsbereichDesktop{
       display:none;
	}
    .toolLeisteImInhaltsbereichMobile{
       display:inline-table;
	}
    .zeileTopToolLeisteMobile{
        display:block;
        min-height:48px;
    }
  body::before{
    background-image: none;
  }

  .carouselKundenstimmen{
      display:none;
    }
    .navbar-haupt-horizontal{
      min-height:2px;
    }
  .zeileTop{
      background-color:transparent;
      float:none;
      display:none;
    }
    .logo img{
		max-width:70%;
		height:auto;
        margin-left:5px;
	}
    .logo{
	    float:none;
        margin-bottom:0 !important;
    }

    .navbar-header-hauptmenue{
		position:absolute;
		top:-60px;
		right:0;
		height:1px;
		min-height:1px !important;
	}

     .navbar-haupt-horizontal > .navbar-collapse{
       padding-left:0 !important;
     }

	.navbar-haupt-horizontal{
		border-color:transparent;
	}
    /*
	.navbar-haupt-horizontal .in{
		margin-bottom:50px !important;
	}
    */
	.containerNavbarOben1{
        min-height:30px;
		padding-top:5px;
	}
    .containerNavbarOben{
       padding-left:0px;
        padding-right:0px;
    }
}


@media (max-width: 600px) {
	.toolLeisteLinks{
		padding-left:10px;
	}
	.toolLeiste{
		margin-right:10px;
	}
}

/*---*/

ul.listeGlossar{
	margin-top:40px;
    margin-bottom:100px;
	margin-left:0;
	padding-left:0;
	list-style-type:none;
}
ul.listeGlossar li{
	margin-bottom:10px;
}
ul.listeGlossar li a{
	font-size:1.40em;
}

/*------*/

.elementMitWeissemRahmenRechts{
	border-right:3px solid #fff;
}
.entry_author_image{
	margin-bottom:20px;
	text-align:center;
}
.redakteurPortrait img, .entry_author_image img{
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 50%;
	max-width:140px;
	height:auto;

}
.autor-kontakt-daten a{
  transition:color 0.5s linear;
}

/*---*/
/*
.ListeSocialButtons{
	float:left;
	list-style-type:none;
	padding-left:0;
	margin-bottom:0;
	margin-top:4px;
}
.ListeSocialButtons li{
	float:left;
	margin-right:1.00em;
}
.ListeSocialButtons li a, .toolLeiste a, .toolLeiste .icon{
	text-decoration:none;
    color:#808080;
}
.ListeSocialButtons li a:hover, .toolLeiste a:hover, .toolLeiste a:hover > .icon{
	color:#636775 !important;
}
*/
/*--*/

/*---*/



/*
@media screen and (max-width:768px) {
	.drucken{
		display:none;
	}
    .ListeSocialButtons li{
	margin-right:1.80em;
    }
    .ListeSocialButtons li:last-child{
	margin-right:1.20em;
    }
}
*/

.magazin{
	margin-top:5px;
}

.magazin, .absatzLinkStartseiteMagazin{
	float:right;
	box-shadow: 3px 3px 3px 0px rgba(100,100,100,0.55);
	padding-bottom:0px;
	padding-top:0px;
    margin-right:0px;
}
.magazin a{
	background: no-repeat url("../images/pfeil-magazin.png");
    background-position:left 50%;
    /*
	background-color:#c7373a;
	border-left:12px solid #c7373a;
    */
    background-color:#d05e60;
	border-left:12px solid #d05e60;
	color:#fff;
	line-height:1.75em;
	font-size:1.00em;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:20px;
	padding-right:26px;
    /*
	font-family: 'Droid Serif', serif;
    */
    font-family: 'Noto Serif', serif;
	font-style:italic;

}
.magazin a:hover{

	background-color:#d54f52;
    border-left:12px solid #d54f52;
	color:#fff !important;
}

/*--*/
.absatzLinkStartseiteMagazin {
	position:relative;
    margin-bottom:0; 
}
.absatzLinkStartseiteMagazin a{
	background-color:#bd494c;
	color:#fff;
	line-height:1.75em;
	font-size:0.80em;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
    /*
	font-family: 'Droid Serif', serif;
    */
    font-family: 'Noto Serif', serif;
	font-style:italic;
	position:relative;
}
.absatzLinkStartseiteMagazin a:hover{
	background-color:#d54f52; 
	text-decoration:none;
}
.absatzLinkStartseiteMagazin:hover > .absatzLinkStartseiteMagazinPfeilDahinter, .absatzLinkStartseiteMagazinPfeilDahinter:hover, .absatzLinkStartseiteMagazin:hover::after < .absatzLinkStartseiteMagazin{
	color:#d54f52;
}
.absatzLinkStartseiteMagazin:hover:after{
	border-left: 8px solid #d54f52; 
}
.absatzLinkStartseiteMagazin:after{
	content:"";
	position:absolute;
    /*
	top:7px;
    */
    top:10px;
	right:-8px;
	width: 0 !important; 
    height: 0 !important; 
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
	border-left: 8px solid #bd494c;

}

.absatzLinkStartseiteMagazinPfeilDahinter{
	top:8px;
	right:-20px;
	position:absolute;
	font-size:0.60em;
}

.transparentBckSpalteLinksBlog{
  background-color: rgba(255,255,255,0.7);
}
.transparentBckSpalteLinksBlog h3{
  font-size:24px;
}

@media (max-width: 600px) {
	.absatzLinkStartseiteMagazin{
		margin-right:0;
	}
}

@media (max-width: 767px) {
    .magazin a{
      /*
	    border-left:6px solid #d54f52;
        */
        border-left:6px solid #d05e60;
	    padding-right:8px;
        /*
        line-height:1.75em;
	    font-size:1.00em;
        */
        line-height:1.5em;
	    font-size:0.80em;
    }
    .magazin a:hover{
        border-left:6px solid #d54f52;
    }
}
/*---*/

.dropdown-submenu{
    position:relative;
}
 
.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
/*-- fuer mobile-version keinen hover-effekt, da soll per klick was passieren --*/
/*
@media screen and (min-width:768px) {
*/
@media screen and (min-width:950px) {
	/*-- wenn das hauptmenue kein flyout sein soll: das hier wieder aktivieren | siebert --*/

	.sm-hauptmenue .caret{
		display:none;
	}
}
@media screen and (max-width:949px) {
	.navbar-nav{
		margin:0;
	}
    .dropdown-menu{
      font-size:17px;

    }
    .dropdown-menu li a{
      line-height:24px !important;
    }

}

@media screen and (max-width:767px) {
	.navbar-nav{
		margin:0;
	}
}
/*-- der pfeil rechts, der weg soll, deshalb ist er weiss und nicht grau --*/
.dropdown-submenu > a:after{
    display:block !important;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;

	border-left-color:#fff;
    margin-top:9px;
    margin-right:-10px;
}
 
.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}
 
.dropdown-submenu .pull-left{
    float:none;
}
 
.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/*-- anfang flyout-menue desktop --*/
/*
@media screen and (min-width:768px) {
*/
@media screen and (min-width:950px) {
     .navbar-nav > li > .dropdown-menu{
       /*
       top:20px !important;
       */
       margin-top:20px !important;
     }

	.dropdown-menu{
		background-color:rgba(126,129,139,0.94);
        /*
		padding:10px;
        */
        padding:0px;
        /*
        padding-bottom:10px;
        padding-top:10px;
        */
		text-align:center;
	}
	.dropdown-menu > li > a{
		font-size:1.2em;
        /*
        padding-top:13px;
        padding-bottom:13px;
        */

        /*
        padding-top:17px;
        padding-bottom:17px;
        */
        /*
        padding-top:0px;
        padding-bottom:0px;
        */
        padding-top:17px;
        padding-bottom:17px;
        padding-left:40px;
        padding-right:40px;
	}
	
	.dropdown-menu > li > ul > li > a{
	  /*
		font-size:1.0em;
        */
        font-size:1.2em;
	}
	
	.dropdown-menu li a{
		color:#fff;
		border-bottom:1px solid #cfd1d4;
        transition:background-color 0.4s linear;
	}
    .dropdown-menu li:last-child a{
       border-bottom:none;
    }
	
	.navbar-default .navbar-nav .dropdown-menu li a:hover,
	.navbar-default .navbar-nav .dropdown-menu li a:focus,
	.navbar-default .navbar-nav .dropdown-menu li.current_page_item > a, 
	.navbar-default .navbar-nav .dropdown-menu li.current_page_ancestor > a 
	{
	color: #fff !important;
	}
	
	.dropdown-menu li a:hover,
	.dropdown-menu li a:focus, 
	.dropdown-menu li.current_page_item > a, 
	.dropdown-menu li.current_page_ancestor > a 
	{
	  color: #fff !important;
      /*
	  background-color:#8e9099 !important;
      background-color:#c7373a !important;
      */
      background-color:#d05e60 !important;
	}

}
/*-- ende flyout-menue desktop --*/
/*----*/

/*-- anfang flyout-menue mobile --*/
/*
@media screen and (max-width:949px) {
  	.dropdown-menu > li > ul > li > a
	{
		position:relative;
		padding-left:40px !important;

	}
	.dropdown-menu > li > ul > li > a::before{
		content:url('../images/pfeil-subnav-mobile.png');
		position:absolute;
		top:4px;
		left:28px;
	}

}
*/
@media screen and (max-width:949px) {
	/*-- 3. ebene --*/
	.dropdown-menu > li > ul > li > a
	{
		position:relative;
		padding-left:40px !important;

	}
	.dropdown-menu > li > ul > li > a::before{
		content:url('../images/pfeil-subnav-mobile.png');
		position:absolute;
        /*
		top:4px;
        */
        top:2px;  
		left:28px;
	}

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

    .navbar-nav .open .dropdown-menu > li:first-child,
    .navbar-nav .dropdown-menu > li:first-child,
    .navbar-nav > .dropdown-menu
    {
      margin-top:0 !important;
      margin-bottom:0 !important;
      padding-top:0 !important;
    }

	/*-- 3. ebene --*/
	.dropdown-menu > li > ul > li > a
	{
		position:relative;
		padding-left:40px !important;

	}
    .dropdown-menu > li > ul > li:first-child > a::before{
      top:-2px;
    }

	.dropdown-menu > li > ul > li > a::before{
		content:url('../images/pfeil-subnav-mobile.png');
		position:absolute;
        /*
		top:4px;
        */
        top:-2px;
		left:28px;
	}

}
/*-- ende flyout-menue mobile --*/

.zwei-spaltig {
-moz-column-count: 2;
-moz-column-gap: 30px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
column-count: 2;
column-gap: 30px;
}


.ZweiSpaltenInhaltSpalte2 img.alignnone{
	max-width:440px;
	height:auto;
}

.TextLeisteFooter{
	margin-bottom:0px;
	padding-bottom:0px;
    /*
	margin-top:-80px;
    */
    margin-top:-80px;
    padding-top:55px;
}
.TextLeisteFooter:after, .box-2-spaltig:after{
	display:block !important;
	content:"";
	position:absolute;
}
.TextLeisteFooter p{
	margin-bottom:0px;
	font-family: Georgia, Times, "Times New Roman", serif;
	color:#fff;
    /*
    font-size:131px;
    font-size:152px;
    font-size:100px;
    */
    font-size:9.30vw;
}
/*
@media (min-width: 1400px) {
*/
@media (min-width: 1370px) {
   .TextLeisteFooter p{
      font-size:126px;
   }
}
@media (min-width: 1400px) {
   .TextLeisteFooter p{font-size:152px;}
}
@media (max-width: 980px) {

   .TextLeisteFooter{
		display:none;
	}

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

   .TextLeisteFooter{
		display:none;
	}

}

@media (max-width: 1179px) {
  /*
    .TextLeisteFooter{
		display:none;
	}
    */
    .zwei-spaltig{
      -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    }

}

@media (max-width: 767px) {
     .TextLeisteFooter{
		display:none;
	}
	.TextLeisteFooter p{
		color:#ccc;
	}
}
/*---*/

 
.TableFooterContainer{
    display:table;
    width:100%;
    border-collapse: collapse;
	margin-bottom:40px;
    /*
	margin-top:30px;
    */
    margin-top:70px;
}
.footerKontaktDatenAbsatz{
	margin-top:30px !important;
    /*
	margin-left:70px !important;
    */
	line-height:1.80em;
}

.TableFooterContainer .heading{
     font-weight: bold;
     display:table-row;
     
     text-align: center;
     line-height: 25px;
     font-size: 18px;
     /*
	 font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
     */

}

.TableFooterContainer .heading, .TableFooterContainer .col, .TableFooterContainer .col p, .TableFooterContainer .col p a, .TableFooterContainer .col ul li a{
	color:#fff;
    opacity:1;
    transition:opacity 0.4s linear;
}
.TableFooterContainer .col p a:hover, .TableFooterContainer .col ul li a:hover{
  /*
	color:#ccc;
    */
    opacity:0.7;
    text-decoration: none;
}
.TableFooterContainer .heading .col{
	padding-bottom:40px;
}
.TableFooterContainer .table-row{  
     display:table-row;
     text-align: center;
}
.TableFooterContainer .col-body:last-child{
	
}
.TableFooterContainer .col{
    display:table-cell;
	padding-left:40px;
	padding-right:40px;
}
.TableFooterContainer .col-body{
    border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	vertical-align:top;
}
.TableFooterContainer .col-body p{
	text-align:left;
}

.textKleiner{
  /*
	font-size:1.00em;
    */
   font-size:1.25em;
}
.textKleiner2019{
  font-size:1.0em;
}

.glyphicon-kontaktseite{
  width:38px;
}

/*---*/
@media (max-width: 980px) {
	.TableFooterContainer .col{
		 padding-left:5px;
		padding-right:5px;
	}
}
/*
@media (max-width: 767px) {
*/
@media (max-width: 980px) {
   .TableFooterContainer > .table-row > .col-body > .heading{
       margin-bottom:20px;
       margin-top:20px;
	}
    .TableFooterContainer .col-body p{
      /*
      padding-left:20px;
      */
      margin-left:auto;
     margin-right:auto;
     display: inline-block;
    }
    .TableFooterContainer{
      margin-top: 30px;
    }

}
/*
@media (max-width: 600px) {
*/
@media (max-width: 980px) {
	.TableFooterContainer .heading{
		display:none;
	}
	
	.TableFooterContainer .table-row{  
	     display:inline-block;
	     clear:both;
	}
	.TableFooterContainer .col-body{
		border:none;
	}
	.TableFooterContainer .col{
		display:inline-block;
	     clear:both;
		 padding-left:0px;
		padding-right:0px;

	}
    .col-body-kontaktdaten{
      width:100%;
    }

	.TextLeisteFooter p{
		font-size:2.40rem;
		text-align:center;
	}
}

/*---*/

.googleMapFooter{
	position:relative;
}

.googleMapFooter iframe,
.googleMapFooter #wpgmza_map
{
    border:0;
    width:100%;
    /*
    height:105px;
    */
    height:222px !important;
}

ul.ListeDirektLinksFooter{
	list-style-type:none;
	margin-left:0;
	padding-left:0;

	-moz-column-count: 2;
	-moz-column-gap: 40px;
	-webkit-column-count: 2;
	-webkit-column-gap: 40px;
	column-count: 2;
	column-gap: 40px;
}
ul.ListeDirektLinksFooter li{
	text-align:left;
	padding-bottom:6px;
}
ul.ListeDirektLinksFooter li a{
  /*
	background: no-repeat url("../images/pfeil-footer-nav.png");
	background-position:left 50%;
    */
    position:relative;
	padding-left:20px;
	white-space: nowrap;

    /*
    transition:color 0.5s linear;
    opacity:1;
    transition:all 0.5s linear;
    */
}
ul.ListeDirektLinksFooter li a:before{
  /*
    content:url('../images/pfeil-footer-nav.png');
    top:-4px;
    */
    content:'\2192';
    font-family: 'mfg_labs_iconsetregular';
    position:absolute;
    left:0;
    top:0px;
    font-size: 0.8em;
}
/*
ul.ListeDirektLinksFooter li a:hover{


}
*/
/*---*/

ul.ListeExtranavFooter1{
	list-style-type:none;
	padding-left:0;
	margin-top:70px;
    /*
	margin-left:30%;
    */
    margin-left:33%;
}
ul.ListeExtranavFooter1 li{
	float:left;
	margin-right:10px;
	height:14px;
	line-height:14px;
	overflow:hidden;
}
ul.ListeExtranavFooter1 li:last-child{
	margin-right:0px;
}
ul.ListeExtranavFooter1 li:last-child a{
	border-right:0px solid #fff;
	padding-right:0px;
}
ul.ListeExtranavFooter1 li a{
	border-right:1px solid #fff;
	padding-right:10px;
    transition:color 0.5s linear;
}
ul.ListeExtranavFooter1 li a:hover{
	text-decoration:none;
}

/*---*/

ul.ListeMitgliedschaftenFooter{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

ul.ListeMitgliedschaftenFooter li{
	background-color: rgba(255,255,255,0.7);
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:15px;
}

ul.ListeMitgliedschaftenFooter li img{
	width:auto;
	height:auto;
	
}

/*---*/

.zeile-unter-footer{
	position:relative;
	padding-bottom:20px;
    /*
	padding-top:10px;
    padding-right:40px;
    */
    padding-top:28px;

}

.containerLetzteZeile{
   display: flex;
  justify-content: center;
}

ul.ListeExtranavFooter2{
	margin-top:0;
    /*
	margin-left:0;
    margin-right:0;
	float:right;
    text-align: center;
    display:block;
    margin-left:auto;
    margin-right:auto;
    */

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

ul.ListeExtranavFooter2 li{
	height:16px;
	line-height:16px;
}

/*---*/
@media (max-width: 1160px) {
	ul.ListeMitgliedschaftenFooter li img{
		max-width:100%;
		height:auto;
	}
}
/*
@media (max-width: 767px) {
*/
@media (max-width: 980px) {
	ul.ListeMitgliedschaftenFooter li img{
		width:95%;
	}
	ul.ListeMitgliedschaftenFooter li{
		padding-left:5px;
		padding-right:5px;
	}
	.googleMapFooter{
		width:90%;
		margin-top: 20px;
		margin-left:auto;
		margin-right:auto;
	}

    .footerUmbruch::before{
            content: "\A";
            white-space: pre;
    }

	ul.ListeDirektLinksFooter{
		-moz-column-gap: 5px;
		-webkit-column-gap: 5px;
		column-gap: 5px;
		width:100%;
		
	}

	.col-body-tmp{
	  /*
		width:85%;
        */
         width:90%;
		display:block;
	}
	ul.ListeExtranavFooter1{
		margin-top:20px;
		margin-left:30%;
	}
    ul.ListeDirektLinksFooter{
      /*
     margin-left:66px;
     */
    margin-left:auto;
    margin-right:auto;
	-moz-column-count: 1;
	-moz-column-gap: 0px;
	-webkit-column-count: 1;
	-webkit-column-gap: 0px;
	column-count: 1;
	column-gap: 0px;
    max-width:260px;
    width:auto;
    display:inline-block;
    }
    ul.ListeDirektLinksFooter li a{
	    white-space: normal;
    }

    ul.ListeExtranavFooter2{
      /*
      position: relative;
      left: 50%;
      margin-right:80px;
      margin-left:auto;
      */
     margin-left:0;
    }
    ul.ListeExtranavFooter2 li{
      margin-bottom: 10px;
    }

    .containerLetzteZeile{
    /*
     float: right;
      position: relative;
      left: -50%;
      text-align: left;
      */
    }

}

/*---*/

.inhaltsbereichEinspaltigStartseiteSlider{
	height:684px;
	padding-top:0 !important;
	margin-top:0;
}
.inhaltsbereichEinspaltigAbstandLinksUndRechts{
  margin-left:120px;
  margin-right:120px;
}

.startseiteSliderBoxRot .kk-star-ratings{
  display:none !important;
}

@media (max-width: 1170px) {
	.inhaltsbereichEinspaltigStartseiteSlider{
		height:auto;
	}
	.carousel-inner-startseiten-header .item p img{
		width:100%;
		height:auto;
	}
    .inhaltsbereichEinspaltigAbstandLinksUndRechts{
    margin-left:0px;
    margin-right:0px;
    }
}
@media (max-width: 600px) {
	.carousel-inner-referenz-single .item p img{
		width:100%;
		height:auto;
	}
	.referenzSingleTitelBereich .col-lg-4, .referenzSingleTitelBereich .col-lg-5, .referenzSingleTitelBereich .col-lg-3{
		width:100%;
		margin:0;
		padding:0;
		clear:both;
	}
}

@media (max-height: 950px) and (min-width: 768px){
  /*
    .inhaltsbereichEinspaltigStartseiteSlider,
    .carouselStartseiteHeader,
    .carousel-inner-startseiten-header,
    .carousel-inner-startseiten-header .item
    {
        max-height:auto;
        height:575px;
    }
    */
    div.zitatBoxProfil{
      top:60px !important;
    }

}
@media (max-height: 800px) and (min-width: 768px) {
  /*
  .inhaltsbereichEinspaltigStartseiteSlider,
    .carouselStartseiteHeader,
    .carousel-inner-startseiten-header,
    .carousel-inner-startseiten-header .item
    {
        height:auto;
        max-height:485px;
    }
    */
    .startseiteSliderBoxRot{
      padding:25px !important;
    }

     div.zitatBoxProfil{
      top:130px !important;
    }

    .startseiteSliderBoxRot p:not(:first-of-type),
     .startseiteSliderBoxRot p.startseiteHeaderSliderSatz1
    {
      display:none;
    }
    .startseiteSliderBoxRot p:first-of-type{
      margin-bottom:0;
    }
    /*
    .leistungenBildHeader{
      height:auto !important;
      max-height:485px;
    }
    */
}

@media (min-height: 601px) and (max-width: 1200px) {
    .profilBildHeaderWebdesignKoeln h1{
        top:24% !important;
    }
}

.carouselStartseiteHeader{
  animation: animierheaderbilder 2.0s linear forwards;
  -webkit-animation-name: animierheaderbilder 2.0s linear forwards;
}
@keyframes animierheaderbilder{
   0% { opacity:0.0; }
    100% { opacity:1.0; }
}

/*---*/

#carousel-startseite{
	position:relative;
	
	padding:0;
	float:left;
	clear:both;
	width:100%;
	margin-bottom:30px;

}


.startseiteSliderBoxRot{
	position:absolute;
	
	box-shadow: 4px 4px 6px 0px rgba(100,100,100,0.45);
	background-color:rgba(205,62,64,0.80);
	bottom:40px;
    /*
    bottom:50px;
	left:30px;
    */
    left:40px;
	width:550px;
	padding:40px;
}

.profilSliderBoxRot{
	width:550px;
	padding:40px;
    /*
	bottom:30px;
    */
   bottom:40px;
}
.profilWebdesignKoelnSliderBoxRot{
  width:auto;
  padding:0;
bottom:0;
}

.startseiteSliderBoxRotWebdesignKolen h1{
  top:-160px !important;
}

.profilSliderBoxRot,
.profilWebdesignKoelnSliderBoxRot
{
  /*
  margin-bottom:50px !important;
  */
  margin-bottom:0px !important;
  margin-top:50px !important;
}


.startseiteSliderBoxRot p, .startseiteSliderBoxRot h2, .startseiteSliderBoxRot h1.startseiteSliderBoxRotTitel{
	color:#fff;
}
.startseiteSliderBoxRot p.startseiteSliderBoxRotTitel1, .startseiteSliderBoxRot p.startseiteSliderBoxRotTitel2, .startseiteSliderBoxRot h1.startseiteSliderBoxRotTitel{
  /*
	font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
    */
    font-weight:700;
}
.startseiteSliderBoxRot p.startseiteSliderBoxRotTitel2, .startseiteSliderBoxRot h1.startseiteSliderBoxRotTitel, h2.startseiteSliderBoxRotTitel{
	font-size:1.75em;
	line-height:1.40em;
}
h2.startseiteSliderBoxRotTitel{
  margin-bottom:26px;
}

.startseiteSliderBoxRot h1.startseiteSliderBoxRotTitel{
	text-transform:none;
    margin-top:0;
}

.startseiteSliderBoxZitat{
	position:absolute;
	top:70px;
	left:130px;
	width:500px;
}
.startseiteSliderBoxRot p:last-of-type{
  margin-bottom:0;
}

/*---*/
@media (max-width: 1400px) {

  .profilBildHeaderWebdesignKoeln {
    height:auto !important;
  }
  .profilBildHeaderWebdesignKoeln h1{

    top:24% !important;
    bottom:auto !important;
     /*
     top:auto !important;
    */

  }
  .textBoxWunschkunden{
    max-width:360px;
  }
  h1.titelWunschkunden {
    font-size: 35px;
  }
  .wunschkundenMotivHeader img{
     width:auto !important;
     height:auto;
     max-width:100%;
  }

}
@media (max-width: 1170px) {
  .profilBildHeaderWebdesignKoeln .profilSliderBoxRot{
     display:none;
  }
  /*
  .profilBildHeaderWebdesignKoeln {
    height:auto !important;
  }
  */
}
@media (max-width: 1000px) {
	.startseiteSliderBoxRot{
		/*
		position:relative;
		*/
		padding-left:15px;
		padding-right:15px;
		padding-top:15px;
		padding-bottom:15px;
        width:80%;
        /*
        display:none;
        background-color:transparent;
        box-shadow:none;
        */

	}
    .startseiteSliderBoxRotNurStartseite{
      /*
      display:none;
      */
    }
    div#carousel-startseite ol.carousel-indicators{
       display:none;
    }

    .startseiteSliderBoxRotLinksbuendig,
    .profilSliderBoxRot
    {
       background-color:transparent !important;
        box-shadow:none !important;
    }

    .startseiteSliderBoxRot h2,
    .startseiteSliderBoxRot p
    {
       display:none;

    }
    .startseiteSliderBoxRot p.startseiteSliderBoxRotTitel,
    .startseiteSliderBoxRot p.startseiteSliderBoxRotTitel2
    {

       display:block;

    }
    .startseiteSliderBoxRotLeistungen p{
      display:none !important;
    }

	.startseiteSliderBoxRot p.startseiteSliderBoxRotTitel2, .startseiteSliderBoxRot p, .startseiteSliderBoxRot h1.startseiteSliderBoxRotTitel, .startseiteSliderBoxRot h2, .startseiteSliderBoxRotLinksbuendig h2{

         font-size:1.10em !important;
		line-height:1.20em !important;


    }
    .startseiteSliderBoxRot p.startseiteSliderBoxRotTitel2, .startseiteSliderBoxRot h1.startseiteSliderBoxRotTitel, .startseiteSliderBoxRot h2, .startseiteSliderBoxRotLinksbuendig h2{
       font-size:1.40em !important;
		line-height:1.30em !important;
    }
    .startseiteSliderBoxRot p.startseiteSliderBoxRotTitel2, .startseiteSliderBoxRot p{
      margin-bottom:10px;
    }

    h1.startseiteSliderBoxRotTitel br{
      display:none;
    }
}
@media (max-width: 767px) {
	.startseiteSliderBoxRot{
		top:auto;
		bottom:0;
		width:90%;
        /*
        padding-top:10px;
        padding-bottom:10px;
        */
        padding-top:6px;
        padding-bottom:6px;
        padding-left:10px;
        padding-right:10px;
	}
	.startseiteSliderBoxRot p, .startseiteSliderBoxRot h1, .startseiteSliderBoxRot h2, .startseiteSliderBoxRot p.startseiteSliderBoxRotTitel2{
		margin-bottom:0;
		padding-top:0;
        margin-top:0;
	}
    .startseiteSliderBoxRot p.startseiteSliderBoxRotTitel2, .startseiteSliderBoxRot h1.startseiteSliderBoxRotTitel, .startseiteSliderBoxRot h2, .startseiteSliderBoxRotLinksbuendig h2{
       font-size:1.10em !important;
		line-height:1.20em !important;
    }
    h1.startseiteSliderBoxRotTitel br{
      display:block;
    }
    .profilWebdesignKoelnSliderBoxRot
    {
    margin-top:0px !important;
    }
    .elementAbstandObenUndUntenMobil{
      margin-top:30px !important;
      margin-bottom:30px !important;
    }

}
/*----*/

.startseiteSliderBoxRotLinksbuendig{
	left:0;
	bottom:25px;
}
.startseiteSliderBoxRotAbstandUnten{
  /*
	bottom:25px;
    */
    bottom:40px;
    left:40px;
}
.startseiteSliderBoxRotAbstandUnten h1{
  left:-40px !important;
}
.startseiteSliderBoxRotWebdesignPulheim h1{
  white-space: nowrap;
}

@media (max-width: 600px) {
	.startseiteSliderBoxRotLinksbuendig{
		bottom:0;
	}
    .startseiteSliderBoxRotAbstandUnten{
	    bottom:0;
    }
}

.startseiteSliderBoxRotLinksbuendig h1{
	position:absolute;
    /*
	top:-90px;
    top:-160px;
    padding-left:45px;
    */
    top:-163px;
	left:0px;
	padding-left:75px;
	padding-right:20px;
	background-color:#fff;
	line-height:1.40em;
}
.startseiteSliderBoxRotLinksbuendig h2{
	font-size:26px;
}


.startseiteSliderBoxNurH1{
	top:100px;
	background-color:transparent;
	box-shadow: none;
}
.startseiteSliderBoxNurH1 h1{
	top:0 !important;
}

/*----*/
/*
.inhaltsbereichEinspaltigStartseiteSlider .carousel-fade,
.inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .carousel-inner,
.inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .carousel-inner .item
{
    min-height: 100%;
    height: 100%;
    margin: 0;
    width: 100%;
}


.inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .carousel-inner .item
{

  transition-property: opacity;
  opacity: 0;
  z-index: 1;

}

.inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .carousel-inner .active,
.inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .item.active
{
  opacity: 1;
  z-index:2;

}

.inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .active.left,
.inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .carousel-inner .active.right
{

        left:0;

        opacity:0;
        -webkit-transition: opacity 1s;
        -moz-transition: opacity 1s;
        -ms-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
        z-index:2;

}
*/
/*
.inhaltsbereichEinspaltigStartseiteSlider ol.carousel-indicators li{
   -webkit-transition: opacity 1s;
        -moz-transition: opacity 1s;
        -ms-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
}
*/
/*
@media all and (transform-3d), (-webkit-transform-3d) {
    .inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .carousel-inner > .item.next,
    .inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .carousel-inner > .item.prev,
    .inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .carousel-inner > .item.next.left,
    .inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .carousel-inner > .item.prev.right,
    .inhaltsbereichEinspaltigStartseiteSlider .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
*/
/*--*/

.titelStartseite{
	font-style:italic;
    /*
	font-family: 'Droid Serif', serif;
    */
    font-family: 'Noto Serif', serif;
	font-weight:400;
	text-transform:none;
}
.titelTextGroesse32{
	font-size:34px;
}

h2.titelH2Groesser{
  /*
	font-size:2.60em;
    */
}

.titelMassgeschneiderteErfolgsbeispiele{
  margin-bottom:35px;
}

@media (max-width: 600px) {
	h2.titelH2Groesser{
	  /*
		font-size:1.20em;
        */
       font-size:1.50em;
       line-height:1.4em;
	}
	.startseiteSliderBoxRotLinksbuendig h1{
		top:-90px;
		padding-left:15px;
		padding-right:10px;
        /*
		font-size:1.20em;
        */
        font-size:1.50em;
		line-height:1.40em;
	}
    .startseiteSliderBoxRotLinksbuendig h1 br{
      display:none;
    }

}

.titelStartseiteKleiner{
	font-size:1.60em;
}

.obenUndUntenEingerahmt{
	border-top:1px solid #d8dbde;
	border-bottom:1px solid #d8dbde;
}

.abstandNachObenGroesser{

	margin-top:40px;

}
.abstandNachObenGroesser1{
	margin-top:55px;
}

.abstandNachObenGroesser2{

	margin-top:80px;

}

.abstandNachObenPaddingStandard{
	padding-top:30px;
}
.abstandNachObenPaddingStandard2,
h2.abstandNachObenPaddingStandard2,
h3.abstandNachObenPaddingStandard2
{
	padding-top:50px;
}
.abstandNachObenMarginStandard{
	padding-top:20px;
}
.abstandNachUntenPaddingStandard{
  /*
	padding-bottom:20px;
    */
   padding-bottom:50px;
}

.textMitSilbentrennung{
	hyphens:auto;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	word-wrap: break-word;
}

.lineheightH2{
  /*
	line-height:1.10em;
    */
   line-height:1.20em;
}

.inhaltsbereichEinspaltig{
	position:relative;
	padding-left:80px;
	padding-right:80px;
    /*
    padding-left:45px;
	padding-right:45px;
	padding-top:40px;
    padding-top:80px;
    padding-bottom:20px;
    padding-top:50px;
    */
    padding-top:65px;
	padding-bottom:50px;
}
.inhaltsbereichEinspaltigMehrAbstandOben{
  padding-top:70px;
}

.inhaltsbereichEinspaltigTitelInhaltProfil{
  /*
   padding-top:85px;
   */
   padding-top:40px;
}

.inhaltsbereichEinspaltigObenWunschkunden{
   padding-top:115px;
}
.inhaltsbereichEinspaltigObenWebdesignKoeln,
.inhaltsbereichEinspaltigObenMitZentrierterH2beginnend
{
  /*
  padding-top:90px;
  padding-top:65px;
  */
  padding-top:40px;
  padding-bottom:40px !important;
}
.inhaltObenTitelWunschkunden{
  padding-bottom:20px;
}

/*
.elementBlockTextslider{
    padding-bottom:30px !important;
}
*/
@media (max-width: 1000px) {
  .carousel-indicators {
      width:auto;
    }
}
@media (max-width: 800px) {
	.inhaltsbereichEinspaltig{
         /*
		padding-left:15px;
		padding-right:15px;
        */
        padding-left:25px;
		padding-right:25px;
		padding-top:15px;
		padding-bottom:50px;
		display:inline-block;
        width:100%;
	}

    .elementBlockTextslider{
      padding-top:35px;
      padding-bottom:40px !important;
    }
    .carousel-indicators {
      width:auto;
    }
    article.kundenstimmeWebdesignKoeln .inhaltsbereichEinspaltig {
      padding-left:80px;
	  padding-right:80px;
    }

}
@media (max-width: 767px) {
	.inhaltsbereichEinspaltig{
		padding-left:15px;
		padding-right:15px;
		padding-top:10px;
		padding-bottom:10px;
		display:inline-block;
        width:100%;
	}
    .elementBlockTextslider{
      padding-top:35px;
      padding-bottom:40px !important;
    }
    .carousel-indicators {
      width:auto;
    }
    article.kundenstimmeWebdesignKoeln .inhaltsbereichEinspaltig {
      padding-left:15px;
	  padding-right:15px;
    }

}

/*
@media (max-width: 600px) {
*/
@media (max-width: 767px) {
	div.inhaltsbereichEinspaltigMobile{
		padding-top:0 !important;
		padding-left:0;
		padding-right:0;
	}
    .inhaltsbereichEinspaltigTitelInhaltProfil{
    padding-top:25px;
    }
    .inhaltsbereichEinspaltigObenWunschkunden{
    padding-top:25px;
    }
    .inhaltsbereichEinspaltigObenMitZentrierterH2beginnend
    {
      padding-top:0px;
    }
    .inhaltsbereichEinspaltigObenWebdesignKoeln,
    .inhaltsbereichEinspaltigObenMitZentrierterH2beginnend
    {
    padding-bottom:10px !important;
    }
    .inhaltsbereichEinspaltigObenWebdesignKoelnNurGanzOben{
      padding-top:30px !important;
    }

}
@media (max-width: 767px) {
	div.inhaltsbereichEinspaltigMobile{
		padding-top:0 !important;
		padding-left:0;
		padding-right:0;
	}
     div.inhaltsbereichEinspaltigMobile h1.abstandObenPaddingStandard{
        padding-top:0;
     }
     div.spalte2bei2spaltig2MobileSiBlog{
       padding-right:0;
     }
     div.elementBlockTextslider{
      padding-top:35px !important;
      /*
      padding-bottom:20px !important;
      */
    }

    .startseiteSliderBoxNurH1{
	top:auto;
	bottom:5px;
    }
    .titelStartseiteMobil{
      margin-bottom:40px !important;
      padding-top:44px;
    }

}
@media (max-width: 767px) {
	.inhaltsbereichEinspaltig{
		padding-left:15px;
		padding-right:15px;
		padding-top:10px;
		padding-bottom:10px;
		display:inline-block;
	}
    div.inhaltsbereichEinspaltigWunschkundenMobile{
      padding-top:60px !important;
    }

    .titelTextGroesse32{
	    font-size:28px;
    }
    .startseiteSliderBoxKontaktSeite{
      top:auto !important;
      bottom:20px !important;
    }
    .startseiteSliderBoxKontaktSeite h1{
      top:auto !important;
    }


}

.inhaltsbereichEinspaltigGanzeBreite{
	padding-left:0px;
	padding-right:0px;
}
.elementOhnePaddingLinksUndRechts{
	padding-left:0px !important;
	padding-right:0px !important;
}
.elementOhneMarginLinksUndRechts{
	margin-left:0px !important;
	margin-right:0px !important;
}

.leistungenBildHeader{
  /*
	height:867px;
    */
    height:800px;
	overflow:hidden;
}
.profilBildHeader{
  /*
	height:620px;
    height:725px;
    */
    height:800px;
	position:relative;
    display:inline-block;
    width:100%;
    clear:both;
}
.profilBildHeaderWebdesignKoeln{
  /*
  height:684px;
  */
  height:800px;
}


.profilBildHeader .standardMotivHeader{
	z-index:10;
    max-width:100%;
}
.profilBildHeader .standardMotivHeader img{
  max-width:100%;
  height:auto;
}

.profilBildHeader h1{
	z-index:100;
	background-color:#fff;
	padding-right:20px;
	padding-left:75px;
	line-height:1.40em;

	position:absolute;
    /*
    padding-left:60px;
	top:70px;
    top:2px;
    top:230px;
    top:80px;
    */
    top:95px;
}
.profilBildHeaderWebdesignKoeln h1{
  /*
   top:280px;
   top:240px;
   top:280px;
   top:310px;
   top:303px;
   */
   top:197px;
   font-size:60px;
}

.profilBildHeader .profilSliderBoxRot{
	z-index:50;

}

.profilTeamContainer{
     float:left;
     clear:both;
     width:100%;
}

ul.listeAnkerLinks{
  margin:0;
  padding:0;
  clear:both;
  display:block;
  /*
  margin-bottom:120px;
  */
  margin-bottom:110px;
  padding-top:10px;
}
ul.listeAnkerLinks li{
  float:left;
  /*
  margin-right:20px;
  margin-bottom:10px;
  */
  margin-right:40px;
  margin-bottom:20px;
  list-style-type:none;
  display:inline-block;

}
ul.listeAnkerLinks li:last-child{
   margin-right:0px;
}

ul.listeAnkerLinks li a{
  border:2px solid #001721;
  display:block;
  border-radius:2px;
  color:#001721;
  font-size: 1.25em;
  padding:15px;
  transition:color 0.4s linear, border 0.4s linear;
}
ul.listeAnkerLinks li a:hover{
 color:#d7494d;
 border:2px solid #d7494d;
 text-decoration:none !important;
}

/*---*/

div.ContainerlisteAnkerLinksOrdered{
  padding:10px;
  padding-top:40px;
  /*
 background-color:#d4d4d4;
 */
 background-color:#f5f6f6;
 display:inline-block;
}
.titelInhaltsverzeichnis{
  margin-left:24px;
}

ol.listeAnkerLinksOrdered{

}
.worttrennung{
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: auto;
}
.worttrennungSmartphone{
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}


@media (max-width: 800px) {
	.profilBildHeader .profilSliderBoxRot{
		width:auto;
	}
}
@media (max-width: 1170px) {
  .profilBildHeaderWebdesignKoeln h1{
    /*
        top:280px;
        top:240px;
        font-size:1.80em;

        top:280px;
        font-size:40px;
        */
        font-size:40px;
        top:auto !important;
        /*
        bottom:80px !important;
        */
        bottom:80px !important;
    }

}
@media (max-width: 767px) {
	.profilBildHeader{
		padding-bottom:0;
	}
	.profilBildHeader h1{
		padding-right:10px;
		padding-left:30px;
		line-height:1.40em;
		top:20px;
        /*
		font-size:1.20em;
        */
         font-size:1.50em;
	}
    .profilBildHeaderWebdesignKoeln h1{
      /*
       top:70px;
       */
       bottom:50px !important;
    }
    ul.listeAnkerLinks{
      /*
      margin-top:-30px;
      */
    }

    ul.listeAnkerLinks li{
        clear:both;
        /*
        margin-bottom:10px;
        */
        margin-bottom:20px;
    }

    ul.listeAnkerLinks li a{

    padding:7px;
    }


    ul.listeAnkerLinks li:last-child{
        margin-bottom:40px;
    }
    .worttrennungSmartphone{
      overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

}
@media (max-height: 800px) and (min-width: 768px) {
  .profilBildHeaderWebdesignKoeln h1{
    /*
       top:340px;
       top:240px;
       top:280px;
       */
       top:320px;
     }
     .startseiteSliderBoxRotLinksbuendig h1{
	padding-left:60px;
    }
    .profilBildHeader h1{
	padding-left:57px;
    }

}
@media (max-width: 1170px) {
    .leistungenBildHeader{
		height:auto;
       padding-bottom:0;
	}
	.leistungenBildHeader img{
		width:100%;
		height:auto;
	}
    .profilBildHeader{
		
		height:auto;
	}
    .profilBildHeaderWebdesignKoeln{
      /*
       min-height:220px;
       */
       width:100%;
    }

	.profilBildHeader .standardMotivHeader,
    .leistungenBildHeader .standardMotivHeader
    {
		position:relative;
	}
	.profilBildHeader img,
     .leistungenBildHeader .standardMotivHeader img
    {
		width:100%;
		height:auto;
	}

}

.elementNaechsteZeile{
	clear:both;
}
.elementBlock{
	float:left;
	width:100%;
}
.keinPaddingLinks{
	padding-left:0;
}
.dochPaddingLinks{
	padding-left:15px;
}
.keinPaddingRechts{
	padding-right:0;
}

.inhaltsBlockReferenzen{
  /*
   padding-right:60px;
   */

}
.inhaltsBlockReferenzenRechteSpalte{
  padding-top:70px;
}

.inhaltsBlockReferenzenTextbereichLinks{
    margin-bottom:25px;
    /*
    padding-right:60px;
    */
    padding-right:45px;
}

p#yoastBreadcrumbs{
 position:absolute;
 left:80px;
 top:26px;
 z-index:101;
}
p#yoastBreadcrumbs a{
  transition:color 0.4s linear;
  margin-right:5px;
  margin-left:5px;
}
p#yoastBreadcrumbs > span > span > a{
  margin-left:0px;
}

p#yoastBreadcrumbs a:after{
  display: none;
}

p#yoastBreadcrumbs a:hover{
  color:#d7494d;
}

p#yoastBreadcrumbs {
   color:#76868f;
   font-size:16px;
   margin-right:200px;
   /*
   max-width:1200px;
   */
}
/*
div.spalteBei1Spaltig p#yoastBreadcrumbs{
    max-width:740px;
}
*/
/*
p#yoastBreadcrumbs a{

}
*/
p#yoastBreadcrumbs strong{
  font-weight:400;
  margin-left:5px;
}

@media (max-width: 1400px) {
	.referenzSingleVorZurueckElementeResponsive{
		float:left;
		clear:both !important;
		width:100% !important;
	}
}

@media (max-width: 980px) {
	.referenzSingleVorZurueckElementeResponsive{
		float:left;
		clear:both;
		width:100%;
	}
}
@media (max-width: 800px) {
	.inhaltsBlockReferenzen{
		width:100%;
		clear:both;
	}

}

@media (max-width: 767px) {
	.inhaltsBlockReferenzenTextbereichLinks{
        margin-bottom:70px;
        padding-right:0px;
	}


    .inhaltsBlockReferenzenRechteSpalte{
        padding-top:0px;
    }
    p#yoastBreadcrumbs{
      /*
      top:5px;
    left:15px;
    padding-left:15px;
    padding-right:15px;
    */
    position:relative;
    top:0;
    left:0;
    font-size:12px;
    margin-right:0;
    margin-bottom:54px;
    }
    .spalteBlogSingle p#yoastBreadcrumbs{
      margin-bottom:0;
    }

}

/*-----*/

.carousel-inner-referenz-single .item{
	height:auto !important;
}

.bckGrau,
div.elementGrauerKastenStandard
{
	background-color:#eff0f1;
}
.bckDunkelGrau{
	background-color:#626674;
}

.bckRot,
.bckRotMitHover,
div.elementRoterKastenStandard,
p.absatzCallToAction a
{
	background-color:#bd494c;
}
.bckRotMitHover{
	transition: background-color 1s linear;
}
.bckRotMitHover:hover,
p.absatzCallToAction a:hover
{
	background-color:#d54f52;
}

.keinOverflow{
	overflow:hidden;
}
.OhneAbstandNavhUnten{
	margin-bottom:0;
}
.OhneAbstandNavhOben{
	margin-top:0;
}
.OhneAbstandNavhObenPadding{
	padding-top:0;
}

.bckVerlaufVonWeissNachGrau{
	background: linear-gradient(to bottom, #fff, #eff0f1);
}
.paddingLinksUndRechts50px{
	padding-left:50px;
	padding-right:50px;
	padding-top:30px;
	padding-bottom:30px;
}
/*---*/
.kontakt-daten-header-glyphicon-icon{
	margin-right:10px;
	color:#626674;
}
.glyphicon-header-telefon{
	margin-left:4px;
}
.glyphiconBrief{
  /*
	margin-left:37px;
    */
  margin-left:33px;
}
.glyphiconMarginTopStandard{
	top:2px;
}
.glyphiconMarginTop4px{
	top:4px;
}

.rotation90gMinus{
	transform: rotate(-90deg);
}
@media (max-width: 800px) {
   .bckGrau{
      padding-top:38px;
	}
}
/*---*/
/*
@media (max-width: 600px) {
*/
@media (max-width: 767px) {
	.kontakt-daten-header-glyphicon-icon{
	  /*
		margin-right:4px;
        */
	}
	.glyphiconBrief{
		margin-left:10px;
	}
	
	.bckGrau{
	  /*
		padding-top:30px;
        */
      padding-top:38px;
	}
	
}

/*----*/

#wp-realtime-sitemap-menu ul, ul.sitemapWebseite{
	padding-left:0px;
	width:330px;
	background-color:#f2f2f2;
	list-style-type:none;
	margin-bottom:0;
}
#wp-realtime-sitemap-menu ul li, ul.sitemapWebseite li{
	text-align:right;
	padding-right:10px;
	padding-bottom:8px;
}
#wp-realtime-sitemap-menu ul li a, ul.sitemapWebseite li a{
	text-decoration:none;
	font-size:1.80em;
	font-weight:700;
    position:relative;
    display:block;
    margin-left:20px;
    transition:color 0.4s linear;
}

ul.sitemapWebseite li a:before{
  content:url('../images/pfeil-gestrichelt-off.png');
  position:absolute;
  /*
  left:-20px;
  */
  left:-30px;
  top:-2px;
}

ul.sitemapWebseite > li > a{
  /*
   padding-left:20px;
   */
   padding-left:30px;
	background-image:url('../images/pfeil-gestrichelt-off.png');
	background-position: 0px 52%;
	background-repeat: no-repeat;
    display:inline-block;
}

ul.sitemapWebseite > li > a:before{
    content:'';
}

/*
#wp-realtime-sitemap-menu ul li a:hover, ul.sitemapWebseite li a:hover{
	color:#ef3f42;
}
*/
#wp-realtime-sitemap-menu ul li ul, ul.sitemapWebseite li ul{
	margin-left:340px;
	background-color:transparent;
	list-style-type:none;
}
ul.sitemapWebseite li ul{
	width:400px;
	padding-left:0;
}
#wp-realtime-sitemap-menu ul li ul li, ul.sitemapWebseite li ul li{
	text-align:left;
}
#wp-realtime-sitemap-menu ul li ul li a, ul.sitemapWebseite li ul li a{
	font-size:1.40em;
}
#wp-realtime-sitemap-menu ul li ul li ul, ul.sitemapWebseite li ul li ul{
  /*
	margin-left:10px;
    */
   margin-left:22px;
   margin-top:10px;
}
#wp-realtime-sitemap-menu ul li ul li ul li a, ul.sitemapWebseite li ul li ul li a{
	font-weight:400;
}

.sitemapWebseiteLetzte{
	padding-bottom:150px;
}

.sitemapWebseiteErste{
	padding-top:20px;
	background-image:url('../images/icons/icons-sitemap-mensch.png'), url('../images/icons/icons-sitemap-birne.png'), url('../images/icons/icons-sitemap-ausrufezeichen.png'), url('../images/icons/icons-sitemap-herz.png'), url('../images/icons/icons-sitemap-hoehrer.png');
	background-position: 70% 72px, 20px 400px, 70% 700px, 20px 1000px, 60% 1300px;
	background-repeat: no-repeat;
}

.sitemapWebseiteExtranav{

}
ul.sitemapWebseiteExtranav li a{
  font-size:1.4em;
}

/*-- --*/
/*
@media (max-width: 600px) {
*/
@media (max-width: 767px) {
	#wp-realtime-sitemap-menu ul, ul.sitemapWebseite{
		width:auto;
	}
	#wp-realtime-sitemap-menu ul li, ul.sitemapWebseite li{
		text-align:left;
	}
	#wp-realtime-sitemap-menu ul li ul, ul.sitemapWebseite li ul{
		margin-left:20px;
	}
    ul.sitemapWebseite > li > ul{
		margin-left:30px;
	}
	ul.sitemapWebseite li ul{
		width:auto;
	}
	.sitemapWebseiteErste{
		background-position: 70% 72px, 20px 400px, 70% 700px, 20px 1000px, 60% 1250px;
	}
    ul.sitemapWebseite > li > a{
       margin-left:10px;
    }

}


/*---*/

div.DefinitionListeStandard{
  /*
  margin-bottom:20px;
  */
  margin-bottom:20px;
}

dl.DefinitionListeStandard dt,
div.DefinitionListeStandard div.titelDefinitionListeStandard
 {
 	float: left;

	clear: left; 

	width: 300px; 
	/*
	font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    */
	text-align: right;
	font-weight: 700;
    /*
	font-size:1.80em;
    line-height:1.60em;
    */
    font-size:32px;
    /*
	line-height:1.30em;
    line-height:1.60em;
    */
    line-height:1.30em;
 } 

dl.DefinitionListeStandard dd,
div.DefinitionListeStandard div.inhaltDefinitionListeStandard
{
  /*
	margin: 0 0 0 350px;
    */
    margin: 0 0 0 350px;
     padding: 0 40px 1.5em 0;
}
div.DefinitionListeStandard div.inhaltDefinitionListeStandard{
   margin: 0 0 40px 350px;
}

/*---*/

@media (max-width: 980px) {
	dl.DefinitionListeStandard,
    div.DefinitionListeStandard
    {
		display:inline-block;
	}
	 dl.DefinitionListeStandard dt,
     div.DefinitionListeStandard div.titelDefinitionListeStandard
     {
	 	width:auto;
		text-align:left;
	 }
	 dl.DefinitionListeStandard dd,
     div.DefinitionListeStandard div.inhaltDefinitionListeStandard
     {
       /*
	 	margin: 0;
        */
        margin-left: 0;
        margin-right: 0;
        margin-bottom:60px;
		float:left;
		clear:both;
		width:100%;
	 }
}
@media (max-width: 767px) {
    dl.DefinitionListeStandard dd,
    div.DefinitionListeStandard div.inhaltDefinitionListeStandard
    {
    padding: 0 0px 1.5em 0;
    }
    dl.DefinitionListeStandardStartseite:last-of-type,
    dl.DefinitionListeStandardStartseite dd:last-of-type,
    div.DefinitionListeStandardStartseite div.inhaltDefinitionListeStandard:last-of-type
    {
      padding-bottom:0;
      margin-bottom:0;
    }

}

/*---*/

.bildRechtsRechtsbuendigVersetzt{
	margin-right:-45px;
	float:right;
	clear:both;
}
.bildKontaktSeite{
	margin-top:-230px;
	margin-bottom:40px;
}
 
/*--*/

div.ZweispaltenInhaltGesamt{
	display:block;
	float:left;
	clear:both;
	width:100%;
	position:relative;
    /*
	margin-bottom:40px;
    */
}
div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte{
	position:relative;
	float:left;
	width:50%;
}
div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte1{
  /*
	padding-right:15px;
    */
    padding-right:30px;
}

div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2{
  /*
	padding-left:15px;
    */
    padding-left:30px;
}

div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite{
	padding-left:80px;
}
div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte1Kontaktseite2019{
   width:56%;
}
div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite2019{
  width:44%;
  padding-left:10px;
}

div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite2019 img{
  text-align:right;
  margin-right:-80px;
}
/*
div.ZweispaltenInhaltGesamt p:last-of-type{
*/
div.ZweispaltenInhaltGesamt p:last-child{   
  margin-bottom:0;
}

div.ZweiSpaltenInhaltSpalte h2:first-child,
div.ZweiSpaltenInhaltSpalte h3:first-child
{
  padding-top:0;
}



div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite a,
div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte1Kontaktseite a
{
  transition:color 0.5s linear;
}

/*--*/

div.ZweispaltenInhaltGesamtWebdesignKoelnProjekte .ZweiSpaltenInhaltSpalte1{
   width:42%;
}
div.ZweispaltenInhaltGesamtWebdesignKoelnProjekte .ZweiSpaltenInhaltSpalte2{
   width:58%;
   text-align: right;
}
div.ZweispaltenInhaltGesamtWebdesignKoelnProjekte .ZweiSpaltenInhaltSpalte2 img{
   border:15px solid #fff;
   max-width:100%;
}

div.ZweispaltenInhaltGesamtWebdesignKoelnProjekte h3{
  margin-bottom: 25px;
  padding-top:15px;
}

div.ZweispaltenInhaltGesamtKontakt2{

}
div.ZweispaltenInhaltGesamtKontakt2 div.ZweiSpaltenInhaltSpalte1,
div.ZweispaltenInhaltGesamtKontakt2 div.ZweiSpaltenInhaltSpalte2
{
  width:100%;
clear: both;
}
div.ZweispaltenInhaltGesamtKontakt2 div.ZweiSpaltenInhaltSpalte1{

}
div.ZweispaltenInhaltGesamtKontakt2 div.ZweiSpaltenInhaltSpalte2{
  padding-left:0;
  margin-top:20px;
}

div.ZweispaltenInhaltGesamtProfilBildRechts,
div.ZweispaltenInhaltGesamtProfilBildLinks
{
  margin-bottom:40px;
}


div.profilTeamContainer div.ZweispaltenInhaltGesamt:last-of-type,
div.profilTeamContainer div.ZweispaltenInhaltGesamt:last-of-type img
{
  margin-bottom:0px !important;
}

div.ZweispaltenInhaltGesamtProfilBildRechts h3,
div.ZweispaltenInhaltGesamtProfilBildLinks h3
{
  padding-top:0;
}
div.ZweispaltenInhaltGesamtProfilBildRechts h4,
div.ZweispaltenInhaltGesamtProfilBildLinks h4
{
  padding-top:0;
}
div.ZweispaltenInhaltGesamtProfilBildRechts img,
div.ZweispaltenInhaltGesamtProfilBildLinks img
{
  max-width:100%;
  height:auto;
}

/*---*/
blockquote.zitatStandardWebdesignKoeln:before{
  margin-right:-2px;
  margin-left:0;
}

@media (min-width: 1380px) {
   div.ZweispaltenInhaltGesamtProfilBildRechts img,
  div.ZweispaltenInhaltGesamtProfilBildLinks img
  {
    max-width:none;
  }
  div.ZweispaltenInhaltGesamtKontakt2 div.ZweiSpaltenInhaltSpalte1,
  div.ZweispaltenInhaltGesamtKontakt2 div.ZweiSpaltenInhaltSpalte2
  {
    clear: none;
  }

  div.ZweispaltenInhaltGesamtKontakt2 div.ZweiSpaltenInhaltSpalte1{
    width:40%;
  }
  div.ZweispaltenInhaltGesamtKontakt2 div.ZweiSpaltenInhaltSpalte2{
    width:60%;
    padding-left:30px;
    margin-top:0;
  }
}


@media (max-width: 1100px) {
  div.ZweispaltenInhaltGesamtProfilBildRechts,
    div.ZweispaltenInhaltGesamtProfilBildLinks
    {
      margin-bottom:75px;
    }
	div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte{
		width:100%;
		clear:both;
	}
	div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte1{
		padding-right:0;
	}
	div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte p img{
        max-width:100%;
		height:auto;
	}
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2{
	    padding-left:0px;
        margin-top:30px;
    }
}


@media (max-width: 800px) {

    div.ZweispaltenInhaltGesamtProfilBildRechts,
    div.ZweispaltenInhaltGesamtProfilBildLinks
    {
      margin-bottom:75px;
    }
	div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte{
		width:100%;
		clear:both;
	}
	div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte1{
		padding-right:0;
	}
	div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte p img{
	  /*
		width:100%;
        */
        max-width:100%;
		height:auto;
	}
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite{
	padding-left:0px;
    }
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2{
	padding-left:0px;
    }
    div.area-block-ansprechpartner-radke{
      display:none;
    }
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2{
	padding-left:0px;
    margin-top:30px;
    }

    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2 > p:last-of-type
    {
       margin-bottom:0;
    }
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte1Kontaktseite2019{
       width:100%;
    }
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite2019{
      width:100%;
      padding-left:0px;
    }
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite2019 figure{
      width:auto !important;
      margin-left:0 !important;
      margin-right:0 !important;
      display:inline-block;
    }

    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite2019 img{
      text-align:right;
      margin-right:0px;
      width:auto !important;
      max-width: 100%;
    }

}
@media (max-width: 767px) {
	div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte{
		width:100%;
		clear:both;
	}
	div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte1{
		padding-right:0;
	}
    .ZweispaltenInhaltGesamtWebdesignKoelnProjekte .ZweiSpaltenInhaltSpalte1,
    .ZweispaltenInhaltGesamtWebdesignKoelnProjekte .ZweiSpaltenInhaltSpalte2
    {
		padding-right:15px !important;
        padding-left:15px !important;
	}

    div.ZweispaltenInhaltGesamtKontakt2 div.ZweiSpaltenInhaltSpalte1{
      width:100%;
    }
    div.ZweispaltenInhaltGesamtKontakt2 div.ZweiSpaltenInhaltSpalte2{
      width:100%;
    }

    /*
    div.ZweispaltenInhaltGesamtKontakt{
      display: flex;
      flex-wrap: wrap;
    }
    */
    div.ZweispaltenInhaltGesamtKontakt{
      display: block;
      flex-wrap: nowrap;
    }

    /*
    div.ZweispaltenInhaltGesamtKontakt p,
    div.ZweispaltenInhaltGesamtKontakt h2
    {
      display: block;
    }
     */
    div.ZweispaltenInhaltGesamtMobilUmgekehrt{
      display: flex;
      flex-wrap: wrap;
    }

    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte1Kontaktseite{
      float:none;
      order:2;
    }
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte1MobilUmgekehrt{
      order:2;
    }
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2MobilUmgekehrt{
      order:1;
    }

	div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte p img{
	  /*
		width:100%;
        */
        max-width:100%;
		height:auto;
	}
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite{
	padding-left:0px;
    float:right;
    order:1;
    }
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2{
	padding-left:0px;
    margin-top:30px;
    }

    .mobileUnsichtbarStandard{
         display:none !important;
    }
    blockquote.zitatStandardWebdesignKoeln{
      margin-left:0;
    }
    blockquote.zitatStandardWebdesignKoeln:before{
      margin-left:0;
    }
    div.ZweispaltenInhaltGesamtProfilBildLinks img.alignright,
    div.ZweispaltenInhaltGesamtProfilBildRechts img.alignright,
    div.ZweispaltenInhaltGesamtProfilBildLinks img.aligncenter,
    div.ZweispaltenInhaltGesamtProfilBildRechts img.aligncenter
    {
      margin:0;
    }

    div.ZweispaltenInhaltGesamtProfilBildLinks h3,
    div.ZweispaltenInhaltGesamtProfilBildRechts h3
    {
      padding-top:20px;
    }
    div.ZweispaltenInhaltGesamtProfilBildRechts,
    div.ZweispaltenInhaltGesamtProfilBildLinks
    {
      /*
      margin-bottom:60px;
      */
      margin-bottom:80px;
    }

    div.ZweispaltenInhaltGesamtProfilBildRechts
    {
      display: flex;
      flex-direction: row;
          flex-wrap: wrap;
          /*
      clear:both;
      */
    }

    div.ZweispaltenInhaltGesamtProfilBildRechts div.ZweiSpaltenInhaltSpalte1
    {
      /*
      float:right;
      */
      order:2;
      margin-top:30px;
    }
    div.ZweispaltenInhaltGesamtProfilBildRechts div.ZweiSpaltenInhaltSpalte2
    {
      /*
      float:left;
      */
      order:1;
      margin-top:0px;
    }
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2 > p:last-of-type
    {
       margin-bottom:0;
    }
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte1Kontaktseite2019{
       width:100%;
    }
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite2019{
      width:100%;
      padding-left:0px;
    }
    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite2019 figure{
      width:auto !important;
      margin-left:0 !important;
      margin-right:0 !important;
      display:inline-block;
    }

    div.ZweispaltenInhaltGesamt .ZweiSpaltenInhaltSpalte2KontaktSeite2019 img{
      text-align:right;
      margin-right:0px;
      width:auto !important;
      max-width: 100%;
    }


}
@media (max-width: 800px) {
   div.ZweispaltenInhaltGesamtProfilBildRechts
    {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }

    div.ZweispaltenInhaltGesamtProfilBildRechts div.ZweiSpaltenInhaltSpalte1
    {
      order:2;
      margin-top:30px;
    }
    div.ZweispaltenInhaltGesamtProfilBildRechts div.ZweiSpaltenInhaltSpalte2
    {
      order:1;
      margin-top:0px;
    }
}

/*--*/

ul.LinkListeStartseiteWunschkunden{
 	list-style-type:none;
	margin:0;
	padding:0;
    /*
	margin-bottom:30px;
    */
    margin-bottom:80px;
}
ul.LinkListeStartseiteWunschkunden li{
 	float:left;
    /*
	font-size:1.25em;
    line-height:20px;
    height:21px;
    */
    font-size:1.50em;
    /*
    line-height:20px;
    height:21px;
    */
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #2c454d;


	overflow:hidden;
}
ul.LinkListeStartseiteWunschkunden li:last-child{
	margin-right:0px;
	padding-right:0px;
	border-right:0px solid #fff;
}

ul.LinkListeStartseiteWunschkunden li a{
 	text-decoration:none;
    transition:color 0.4s linear;
	
}
@media (max-width: 767px) {
    /*
    ul.LinkListeStartseiteWunschkunden li a::before{
      content:"\279C";
	  position:relative;
	  font-style:normal;
	  width:20px;
	  height:20px;
	  border-radius: 20px;
	  line-height:16px;
	  font-size:14px;
	  border:2px solid #d7494d;
	  color:#d7494d;
	  text-align:center;
	  display:inline-block;
	  margin-right:10px;

      float:left;
   }
    */
    ul.LinkListeStartseiteWunschkunden{
      /*
        margin-top:20px;
        */
        margin-top:0;
        margin-bottom:20px;
        display:inline-block;
    }
    ul.LinkListeStartseiteWunschkunden li{
      padding-left:32px;
      /*
      padding-left:26px;
      padding-right:26px;
      */
      position:relative;
      overflow:show;
    }
    ul.LinkListeStartseiteWunschkunden li a{
      position:relative;
      overflow:show;
    }
    ul.LinkListeStartseiteWunschkunden li a::before{
      content:"\279C";
	  position:absolute;
      /*
      left:-26px;
      */
      top:4px;
      left:-32px;
	  font-style:normal;
	  width:20px;
	  height:20px;
	  border-radius: 20px;
	  line-height:16px;
	  font-size:14px;
	  border:2px solid #d7494d;
	  color:#d7494d;
	  text-align:center;
	  display:inline-block;
      float:left;
      overflow:show;
      /*
	  margin-right:10px;

      */
   }

}

/*---*/

ul.ListeStartseiteTeam2, ul.ListeStartseiteTeam2 li{
  /*
	min-height:160px;
    */
    min-height:212px;
}
ul.ListeStartseiteTeam2{
	margin-bottom:50px !important;
}

ul.ListeStartseiteTeamProfilSeite, ul.ListeStartseiteTeamProfilSeite li{
	min-height:260px;
}

ul.ListeStartseiteTeam{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:30px;
	
	position:relative;
	display:block;
}
ul.ListeStartseiteTeam li{
	float:left;
	display:block;
	
	position:relative;
	margin-right:40px;
    /*
	border-bottom:3px solid #c4c5c6;
    width:240px;
    */
	width:275px;
	opacity:0;
}
.StartseiteTeamMitgliedTeaserBereich p.teamTeaserText{
   font-size:1.25em;
}

ul.ListeStartseiteTeam li .teamPortrait{
   display:block;
   width:100%;
}
ul.ListeStartseiteTeam li .teamPortrait img{
  width: 100%;
  height: auto;
}


ul.ListeStartseiteTeamProfilSeite li img{
  width:100%;
  height:auto;
}

ul.ListeStartseiteTeam li:hover{
   cursor:pointer;
}

@media (max-width: 600px) {
	ul.ListeStartseiteTeam li{
		clear:both;
		margin-right:0px;
		width:100%;
	}
	.bildKontaktSeite{
		margin-top:0px;
		margin-bottom:20px;
		margin-right:0 !important;
		width:90%;
		margin-right:auto !important;
		margin-left:auto !important;
	}
	.bildKontaktSeite img{
		width:100%;
		height:auto;
	}

	ul.LinkListeStartseiteWunschkunden li{
	 	float:left;
		clear:both;
		margin-right:0;
		margin-bottom:10px;
		padding-right:0;
		border-right:0px solid #fff;
		
	}
	 dl.DefinitionListeStandard dt {
	 	margin-bottom:20px;
	 }
	 ul.LinkListeStartseiteWunschkunden li{
	 	height:auto;
	 }
	 #carousel-startseite{
	 	margin-bottom:0;
	 }
}

@media (max-width: 767px) {
   ul.ListeStartseiteTeam li{
       margin-bottom:20px;
   }
   ul.ListeStartseiteTeam li p.teamPortrait{
       margin-bottom: 0px;
     }
   ul.ListeStartseiteTeamProfilSeite li h3{
     margin-bottom:4px;
   }
   ul.ListeStartseiteTeamProfilSeite li h4{
     font-size:16px;
   }
   .ohnePaddingObenMobile{
     padding-top:0 !important;
     /*
     background-color:#ccc;
     */
   }
   dl.DefinitionListeStandard dt {
     font-size:26px;
   }
   dl.DefinitionListeStandard dt h3{
     margin-bottom:4px;
   }

}
@media (min-width: 768px) {
   ul.ListeStartseiteTeam li a{

       min-height:160px;
       display:flex;
       border-bottom:3px solid #c4c5c6;
   }
   ul.ListeStartseiteTeamProfilSeite li a{
        display:block;
        min-height:30px;
        border-bottom:0 !important;
     }
     ul.ListeStartseiteTeamProfilSeite li a h3{
       margin-bottom:0;

     }

     ul.ListeStartseiteTeamProfilSeite li a:before{
       content:'';
       display:none !important;
       }


}

/*
ul.ListeStartseiteTeam li:before{
	position:absolute;
	bottom:-16px;
	left:48%;
	content:url('../images/pfeil-nach-unten-off.png');
}
ul.ListeStartseiteTeam li:hover, ul.ListeStartseiteTeam li.aktiv{
	border-bottom:3px solid #d7494d;
}
ul.ListeStartseiteTeam li:hover:before, ul.ListeStartseiteTeam li.aktiv:before{
	content:url('../images/pfeil-nach-unten-on.png');
}
ul.ListeStartseiteTeam li:first-child{

}
ul.ListeStartseiteTeam li:last-child{
	margin-right:0px;
}
*/
ul.ListeStartseiteTeam li a:before{
	position:absolute;
	bottom:-16px;
	left:48%;
	content:url('../images/pfeil-nach-unten-off.png');
}
ul.ListeStartseiteTeam li a:hover, ul.ListeStartseiteTeam li.aktiv a{
	border-bottom:3px solid #d7494d;
}
ul.ListeStartseiteTeam li a:hover:before, ul.ListeStartseiteTeam li.aktiv a:before{
	content:url('../images/pfeil-nach-unten-on.png');
}
ul.ListeStartseiteTeam li:first-child{

}
ul.ListeStartseiteTeam li:last-child{
	margin-right:0px;
}

/*---*/
ul.ListeStartseiteTeamProfilSeite li:before{
	content:"";
}
ul.ListeStartseiteTeamProfilSeite li:hover, ul.ListeStartseiteTeamProfilSeite li.aktiv, ul.ListeStartseiteTeamProfilSeite li{
	border-bottom:none;
}
ul.ListeStartseiteTeamProfilSeite li:hover:before, ul.ListeStartseiteTeamProfilSeite li.aktiv:before{
	content:"";
}
/*---*/
ul.ListeStartseiteTeam li a:hover{
	text-decoration:none;
}
ul.teamMitgliedernzahl4 li{
	/*
	width:25%;
	*/
}
ul.ListeStartseiteTeamProfilSeite li h4{
  font-style: italic;
}

.StartseiteTeamMitgliedTeaserBereich{
	position:relative;
	margin-right:300px;
	clear:both;
	display:none;
}
.StartseiteTeamMitgliedTeaserBereichAktiv{
	display:block;
}

.StartseiteTeamMitgliedTeaserBereich a{
	
}
.StartseiteTeamMitgliedTeaserBereich a:hover,
a.AbsatzLinkMitPfeilkreisDavorStandard:hover,
.LinkListePassendeBlogArtikel li a:hover,
ul.ListemitPfeilkreisLinks a
{
	text-decoration:none;
}

.StartseiteTeamMitgliedTeaserBereich p{
	clear:both;
}

p.StartseiteTeamMitgliedTeaserBereichProfilLink,
p.AbsatzLinkMitPfeilkreisDavorStandard,
p.AbsatzLinkMitPfeilkreisDavorStandard2,
a.AbsatzLinkMitPfeilkreisDavorStandard,
.LinkListePassendeBlogArtikel li a,
ul.ListemitPfeilkreisLinks li a
{
	font-style:italic;
    /*
	font-family: 'Droid Serif', serif;
    font-size:1.00em;
    */
    font-family: 'Noto Serif', serif;

	padding-top:2px;
	padding-bottom:2px;


}

p.StartseiteTeamMitgliedTeaserBereichProfilLink,
p.AbsatzLinkMitPfeilkreisDavorStandard,
p.AbsatzLinkMitPfeilkreisDavorStandard2,
a.AbsatzLinkMitPfeilkreisDavorStandard,
a.LinkMitPfeilkreisDavorStandard,
.LinkListePassendeBlogArtikel li a,
p.Absatz2LinkMitPfeilkreisDavorStandard a,
ul.ListeReferenzBranchen li a,
ul.ListemitPfeilkreisLinks li a
{
letter-spacing: 0.02em;
transition: all .4s ease-in;
}

p.StartseiteTeamMitgliedTeaserBereichProfilLink:hover,
p.AbsatzLinkMitPfeilkreisDavorStandard:hover,
p.AbsatzLinkMitPfeilkreisDavorStandard2:hover,
a.AbsatzLinkMitPfeilkreisDavorStandard:hover,
a.LinkMitPfeilkreisDavorStandard:hover,
p.Absatz2LinkMitPfeilkreisDavorStandard a:hover,
ul.ListeReferenzBranchen li a:hover,
ul.ListemitPfeilkreisLinks li a:hover
{
	letter-spacing: 0.08em;
}

p.StartseiteTeamMitgliedTeaserBereichProfilLink,
p.AbsatzLinkMitPfeilkreisDavorStandard,
p.AbsatzLinkMitPfeilkreisDavorStandard2,
a.AbsatzLinkMitPfeilkreisDavorStandard,
.linkMitPfeilKreisDavorUnicode
{
   padding-left:30px;
   position:relative;
}

p.StartseiteTeamMitgliedTeaserBereichProfilLink:before,
p.AbsatzLinkMitPfeilkreisDavorStandard:before,
p.AbsatzLinkMitPfeilkreisDavorStandard2:before,
a.AbsatzLinkMitPfeilkreisDavorStandard:before,
.linkMitPfeilKreisDavorUnicode:before
{

	content:"\279C";
    /*
	position:relative;
    */
    position:absolute;
	font-style:normal;
	width:20px;
	height:20px;
	border-radius: 20px;
    /*
	line-height:16px;
    */
    line-height:15px;
	font-size:14px;

	border:2px solid #d7494d;
	color:#d7494d;
	text-align:center;
	display:inline-block;

    top:-2px;
    /*
    top:-2px;
    float:left;
    margin-right:10px;
    margin-left:-30px;
    */
    top:6px;
    left:0;

}


p.AbsatzLinkMitPfeilkreisDavorStandard:before{
  /*
  display:none;
  */
}
p.AbsatzLinkMitPfeilkreisDavorStandard2:before{
  display:none;
}

ul.ListemitPfeilkreisLinks{
  list-style-type: none;
  /*
  margin-left:0;
  */
  margin-left:30px;
  padding-left:0;
}
ul.ListemitPfeilkreisLinks li{
  margin-bottom:15px;
}

p.AbsatzLinkMitPfeilkreisDavorStandard a,
p.AbsatzLinkMitPfeilkreisDavorStandard2 a,
ul.ListemitPfeilkreisLinks li a
{
  position:relative;
}

p.AbsatzLinkMitPfeilkreisDavorStandard a:before,
p.AbsatzLinkMitPfeilkreisDavorStandard2 a:before,
ul.ListemitPfeilkreisLinks li a:before
{
  	content:"\279C";
    /*
	position:relative;
    */
    position:absolute;
    left:0px;
	font-style:normal;
	width:20px;
	height:20px;
	border-radius: 20px;
    line-height:15px;
	font-size:14px;

	border:2px solid #d7494d;
	color:#d7494d;
	text-align:center;
	display:inline-block;
    /*
	margin-right:10px;
    top:-2px;
    */
    top:2px;
    margin-left:-30px;
}
ul.ListemitPfeilkreisLinks li a:before{
  top:4px;
}

p.AbsatzLinkMitPfeilkreisDavorStandard,
p.AbsatzLinkMitPfeilkreisDavorStandard2,
ul.ListemitPfeilkreisLinks li a
{
  font-size: 1.25em;
}

a.AbsatzLinkMitPfeilkreisDavorPassenderBlogArtikel:before{
   margin-top:4px;
   float:left;
}

ul.LinkListePassendeBlogArtikel{
  list-style-type:none;
  padding-left:0;
  margin-left:0;
  /*
  margin-left:28px;
  */
  margin-left:30px;
  margin-bottom:26px;
}
ul.LinkListePassendeBlogArtikel li{
  /*
  margin-bottom:4px;
  */
  margin-bottom:12px;
}

ul.LinkListePassendeBlogArtikel li a{
  position:relative;
  overflow:show;
  font-size:1.3em;
  /*
  line-height:1.6em;
  */
  line-height:1.4em;
}


ul.LinkListePassendeBlogArtikel li a::before{
      content:"\279C";
	  position:absolute;
      /*
      left:-28px;
      */
      left:-30px;
	  font-style:normal;
	  width:20px;
	  height:20px;
	  border-radius: 20px;
	  line-height:16px;
	  font-size:14px;
	  border:2px solid #d7494d;
	  color:#d7494d;
	  text-align:center;
	  display:inline-block;
      float:left;
      overflow:show;
      margin-top:3px;
}


a.sidebarLinksKontakt:before{
   top:-2px;
}
/*---*/

a.AbsatzLinkMitPfeilkreisDavorUebersichtBranchen:before{
	margin-right:12px;
}
a.AbsatzLinkMitPfeilkreisDavorGoogleLink:before{
	vertical-align:text-top;
    top:3px;
}


@media (max-width: 600px) {
	.StartseiteTeamMitgliedTeaserBereich{
		margin-right:0;
	}
	p.StartseiteTeamMitgliedTeaserBereichProfilLink:before,
     p.AbsatzLinkMitPfeilkreisDavorStandard:before,
     p.AbsatzLinkMitPfeilkreisDavorStandard2:before,
     a.AbsatzLinkMitPfeilkreisDavorStandard:before,
     .linkMitPfeilKreisDavorUnicode:before{
		line-height:18px;
		font-size:14px;
	}
}
/*
@media (max-width: 1080px) {
*/
@media (max-width: 1400px) {
    .StartseiteTeamMitgliedTeaserBereich{
		margin-right:0;
	}
   .StartseiteTeamMitgliedTeaserBereichAktiv, .StartseiteTeamMitgliedTeaserBereich{
	    display:none !important;
    }

    ul.ListeStartseiteTeam li a:before{
     display:none;
    }
    ul.ListeStartseiteTeam li a{
       display:block;
    }

    ul.ListeStartseiteTeam li a,
    ul.ListeStartseiteTeam li.aktiv a,
    ul.ListeStartseiteTeam li a:hover
    {
      border-bottom:none;
    }

    ul.ListeStartseiteTeam li a:hover:before, ul.ListeStartseiteTeam li.aktiv a:before{
	display:none;
    }
    .ListeStartseiteTeam h4.nurSichtbarMobile{
      display:block !important;
      font-size:16px;
    }
    .ListeStartseiteTeam h3.nurSichtbarMobile{
      display:block !important;
      margin-bottom:4px;
      font-size:26px;

    }
    ul.ListeStartseiteTeam li{
      margin-bottom:40px;
    }
    ul.ListeStartseiteTeam li:last-child{
      margin-bottom:0px;
    }
}
@media (max-width: 767px) {
  /*
    .StartseiteTeamMitgliedTeaserBereichAktiv, .StartseiteTeamMitgliedTeaserBereich{
	    display:none !important;
    }

    ul.ListeStartseiteTeam li a:before{
     display:none;
    }

    ul.ListeStartseiteTeam li a:hover:before, ul.ListeStartseiteTeam li.aktiv a:before{
	display:none;
    }
    */
    ul.ListeStartseiteTeam li{
      margin-bottom:10px;
    }
    ul.LinkListePassendeBlogArtikel li a::before{
      /*
       line-height:18px;
       margin-top:3px;
       */
        line-height:14px;
       margin-top:4px;
    }
    /*-- chrome --*/
    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
      ul.LinkListePassendeBlogArtikel li a::before{
        line-height:16px;
      }
    }
    p.absatzTrennerReferenzBranchen{
      display:none;
    }
    /*
    .ListeStartseiteTeam h4.nurSichtbarMobile{
      font-size:16px;
    }
    .ListeStartseiteTeam h3{
      margin-bottom:4px;
    }
    ul.ListeStartseiteTeam li{
      margin-bottom:40px;
    }
    ul.ListeStartseiteTeam li:last-child{
      margin-bottom:0px;
    }
    */
    p.AbsatzLinkMitPfeilkreisDavorStandard:before,
    p.AbsatzLinkMitPfeilkreisDavorStandard2:before
    {
      line-height:15px;
    }

}

/*---*/

.linkMitPfeilKreisDavorUnicode{
	
}

.textGroesse10{
	font-size:1.00em;
}
.textGroesse08{
	font-size:0.80em;
}
a.AbsatzLinkMitPfeilkreisDavorStandardTextEtwasKleiner{
	font-size:0.80em;
}

.StartseiteTeamMitgliedTeaserBereich h3, .StartseiteTeamMitgliedTeaserBereich h4, .StartseiteTeamMitgliedTeaserBereich .h3, .StartseiteTeamMitgliedTeaserBereich .h4{
	float:left;
	margin-top:0;
	margin-bottom:10;
	line-height:30px;
    margin-top:0;
	padding-top:0;
}

.StartseiteTeamMitgliedTeaserBereich .h3, .StartseiteTeamMitgliedTeaserBereich .h4{
  clear: none;
}

.StartseiteTeamMitgliedTeaserBereich h4, .StartseiteTeamMitgliedTeaserBereich .h4{
	margin-left:30px;
    line-height:34px;
}

.elementRechtsAnInhaltsKanteVerschoben{
	margin-right:-45px !important;
}

/*----*/

a.LinkMitPfeilkreisDavorStandard,
a.LinkMitPfeilkreisDavorNachLinksStandard,
p.Absatz2LinkMitPfeilkreisDavorStandard a,
ul.ListeReferenzBranchen li a
{

	text-decoration:none;
	font-style:italic;
    /*
	font-family: 'Droid Serif', serif;
    font-size:0.80em;
    */
    font-family: 'Noto Serif', serif;
	position:relative;
}
a.LinkMitPfeilkreisDavorStandard{
  font-size:0.94em;
}

ul.ListeReferenzBranchen li a{
  /*
  font-size:1.1em;
  */
  font-size:1.5em;
}

a.LinkMitPfeilkreisDavorStandard:before,
p.Absatz2LinkMitPfeilkreisDavorStandard a:before,
ul.ListeReferenzBranchen li a:before
{
	content:'\279C';
	font-family:"Arial", sans-serif;
	text-align:center;
	border:2px solid #d7494d;
    /*
	font-size:1.10em;
    font-size:0.90em;
    */
    font-size:0.70em;
	width:20px;
	height:20px;
	line-height:16px;
	border-radius: 20px;
	font-style:normal;
	display:inline-block;
	margin-right:4px;
}


a.LinkMitPfeilkreisDavorNachLinksStandard:before
{
  content:'\279C';
	font-family:"Arial", sans-serif;
    transform: rotate(180deg);
	text-align:center;
	border:2px solid #d7494d;

	font-size:0.90em;
	width:23px;
	height:23px;
	line-height:17px;
	border-radius: 50%;
	font-style:normal;
	display:inline-block;
	margin-right:14px;
}

a.LinkMitPfeilkreisDavorStandard::before{
  /*
  display:grid;
  top:-20px;
  */

}

/*-- chrome --*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
   a.LinkMitPfeilkreisDavorNachLinksStandard:before{
      line-height:19px !important;
   }

}

a.LinkMitPfeilkreisDavorNachLinksStandard
{
letter-spacing: 0.02em;
font-size:1.00em;
transition: all .4s ease-in;
}
a.LinkMitPfeilkreisDavorNachLinksStandard:hover
{
  /*
	letter-spacing: 0.08em;
    */
}



ul.ListeReferenzBranchen li a:before{
  /*
  font-size:1.00em;
  */
  font-size:0.70em;
}

p.Absatz2LinkMitPfeilkreisDavorStandard,
ul.ListeReferenzBranchen li
{
  /*
  padding-left: 24px;
  */
  padding-left: 27px;
  position:relative;
}
ul.ListeReferenzBranchen li a {
   font-size:1.0em;
}

p.Absatz2LinkMitPfeilkreisDavorStandard a,
ul.ListeReferenzBranchen li a
{
  /*
  font-size:1.0em;
  */
  font-size:0.9em;
  line-height:12px;
  position:relative;
}
ul.ListeReferenzBranchen li a {
   font-size:1.25em;
}

p.Absatz2LinkMitPfeilkreisDavorStandard a:before,
ul.ListeReferenzBranchen li a:before
{
  position:absolute;
  left:-37px;
  /*
  left:-27px;
  top:-2px;
  */
  top:3px;
}
p.Absatz2LinkMitPfeilkreisDavorStandard a:before{
  /*
   line-height:15px;
   */
   left:-27px;
}


.PfeilKreisVorStandardLink{
	/*
	position:absolute;
	top:1px;
	left:0;
	*/
}

/*----*/

.linkListeStandard{
  margin-bottom:40px;
}

.linkListeStandard, .linkListeStandard ul{
  list-style-type:none;
  margin-left:0;
  padding-left:0;
}

.linkListeStandard ul li{
  margin-bottom:20px;
}

.linkListeStandard p, .linkListeStandard h4{
  margin-bottom:2px;
}
/*----*/

.ListeStartseiteMagazin{
	margin:0;
    margin-top:10px;
	padding:0;
	list-style-type:none;
	width:100%;
	float:left;
	clear:both;
}

.ListeStartseiteMagazin li{
	float:left;

    display:inline-flex;
    /*
   margin-right:40px;
   width:300px;
   */
   margin-right:60px;
   width:366px;
}
ul.ListeStartseiteMagazin li:nth-child(3){
	margin-right:0;
}

ul.ListeStartseiteMagazin a{
   display:block;
   position:relative;
   width:100%;
   /*
   padding-left:10px;
   padding-right:10px;
   */
   padding-left:20px;
   padding-right:20px;
   padding-top:10px;
   transition:background-color 0.5s linear;
}
ul.ListeStartseiteMagazin a:hover{
	text-decoration:none;
    /*
    background-color:#d7494d;
    */
    background-color: #f7f8f8;
}
ul.ListeStartseiteMagazin li a p.ListeStartseiteMagazinBild img{
   width:100%;
    height:auto;
}

ul.ListeStartseiteMagazin li a:hover p.ListeStartseiteMagazinBild img{
	box-shadow:none;

}
ul.ListeStartseiteMagazin li a:hover p.AbsatzLinkMitPfeilkreisDavorStandard::before{
   /*
   border: 2px solid #fff;

   color:#fff;
   */
}

ul.ListeStartseiteMagazin a p,
ul.ListeStartseiteMagazin a h3,
ul.ListeStartseiteMagazin a h4
{
  /*
  transition:color 0.5s linear;
  */
}

ul.ListeStartseiteMagazin a:hover p,
ul.ListeStartseiteMagazin a:hover h3,
ul.ListeStartseiteMagazin a:hover h4
{
  /*
  color:#fff !important;
  */
}

.ListeStartseiteMagazin li h3, .ListeStartseiteMagazin li p.ListeStartseiteMagazinTeaser{
	font-size:1.40em;
	line-height:1.20em;
}
/*
.ListeStartseiteMagazin li h3{

}
*/
/*
.ListeStartseiteMagazin li p.ListeStartseiteMagazinTeaser{
	font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}
*/
.ListeStartseiteMagazin li p.ListeStartseiteMagazinText{
  /*
	font-size:1.10em;
    */
    font-size:1.25em;
    font-weight:400;
}
.ListeStartseiteMagazin li p.AbsatzLinkMitPfeilkreisDavorStandard {
   font-size:1.25em;
}

.ListeStartseiteMagazin li p.ListeStartseiteMagazinBild{
 margin-bottom:35px;
}

.ListeStartseiteMagazin li h4{
   font-size:1.60em;
	line-height:1.20em;
}
/*---*/

@media (max-width: 600px) {
	.ListeStartseiteMagazin li{
		width:100%;
		margin-right:0px;
		
	}
	.ListeStartseiteMagazin li p img{
		width:100%;
		height:auto;
	}
}
@media (max-width: 767px) {
    .ListeStartseiteMagazin li h3{
        height:auto !important;
    }
    .ListeStartseiteMagazin li{
        margin-bottom:30px;

        display:inline-flex;
   padding-left:0px;
   padding-right:0px;
   padding-top:0px;
   margin-right:0px;
   width:auto;
    }

    ul.ListeStartseiteMagazin a{
      /*
   display:inline-flex;
   padding-left:0px;
   padding-right:0px;
   padding-top:0px;
   margin-right:0px;
   width:auto;
     */
     display:block;
    }
}

/*--*/

.ListeStartseiteMagazinCarousel{
	margin-left:15%;
}

/*----*/


dl.DefinitionListeStartseiteBranchen,
div.DefinitionListeStartseiteBranchen
{
	margin-top:20px;

}
.inhaltsbereichStartseiteBranchenReferenzen{
   overflow:hidden;
}

dl.DefinitionListeStartseiteBranchen dt,
dl.DefinitionListeStartseiteBranchen dd{
	
}
dl.DefinitionListeStartseiteBranchen dt,
div.DefinitionListeStartseiteBranchen div.titelDefinitionListeStandard
{
	text-align:left;
	text-transform:uppercase;
	font-size:1.42em;
    clear:none;
}
dl.DefinitionListeStartseiteBranchen dt .branchenThumb,
div.DefinitionListeStartseiteBranchen div.titelDefinitionListeStandard .branchenThumb
{
    margin-top:20px;
}
dl.DefinitionListeStartseiteBranchen dd:after,
div.DefinitionListeStartseiteBranchen div.inhaltDefinitionListeStandard:after
{
	position:relative;
	content:"";
	float:left;
	clear:both;
	background-color:#fff;
	border:none;
	height:35px;

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

    margin-bottom:60px;
    margin-bottom:30px;
	margin-top:40px;
    */
   margin-bottom:80px;
	margin-top:80px;
    /*
    width:1180px;
    margin-left:-395px;
    margin-left:-430px;
   width:1380px;
    */
    margin-left:-430px;
   width:1380px;

}
/*
@media (max-width: 1400px) {
  dl.DefinitionListeStartseiteBranchen dd:after,
    div.DefinitionListeStartseiteBranchen div.inhaltDefinitionListeStandard:after
    {
		display:none;
	}
}
*/
@media (max-width: 1170px) {
	dl.DefinitionListeStartseiteBranchen dd:after,
    div.DefinitionListeStartseiteBranchen div.inhaltDefinitionListeStandard:after
    {
		display:none;
	}
}

@media (max-width: 767px) {
    dl.DefinitionListeStartseiteBranchen dd:after,
    div.DefinitionListeStartseiteBranchen div.inhaltDefinitionListeStandard:after
    {
     display:block;
     /*
     width:100vw !important;
     margin-left:-15px;
     */
      width:calc(100% + 30px) !important;
      margin-left:-15px;

     /*
     margin-left:-32px;
     margin-left:-15px;
     min-width:100%;
     width:100%;
     width:auto !important;
     margin-left:0px;
     margin-left:-15px;
     margin-right:-15px;
     */

     margin-top:50px;
     margin-bottom:10px;
   }
}

dl.DefinitionListeStartseiteBranchen dd:last-child:after,
div.DefinitionListeStartseiteBranchen div.inhaltDefinitionListeStandard:last-child:after
{
	display:none;
}

dl.DefinitionListeStartseiteBranchen dd a{

}
dl.DefinitionListeStartseiteBranchen dd a:hover,
div.DefinitionListeStartseiteBranchen div.inhaltDefinitionListeStandard a:hover
{
	text-decoration:none;
}
dl.DefinitionListeStartseiteBranchen dd h4,
div.DefinitionListeStartseiteBranchen div.inhaltDefinitionListeStandard h4
{
	font-size:1.42em;
    margin-bottom:16px;
	margin-top:0px;
    padding-top:0;
}
dl.DefinitionListeStartseiteBranchen dd .startseiteBranchenUntertitel,
div.DefinitionListeStartseiteBranchen div.inhaltDefinitionListeStandard .startseiteBranchenUntertitel
{
    margin-bottom:44px;
}

dl.DefinitionListeStartseiteBranchen dd h5,
div.DefinitionListeStartseiteBranchen div.inhaltDefinitionListeStandard h5
{
	margin-bottom:4px;
    /*
	font-size:1.20em;
    */
    font-size:1.30em;
}
dl.DefinitionListeStartseiteBranchen dd p,
div.DefinitionListeStartseiteBranchen div.inhaltDefinitionListeStandard p
{
  /*
	font-size:1.10em;
    */
    font-size:1.25em;
    font-weight:400;
}
dl.DefinitionListeStartseiteBranchen dd p.AbsatzLinkMitPfeilkreisDavorStandard,
div.DefinitionListeStartseiteBranchen div.inhaltDefinitionListeStandard p.AbsatzLinkMitPfeilkreisDavorStandard
{
	margin-top:30px;
}

/*---*/

dl.DefinitionListeStartseiteAkkordeon dt,
dl.DefinitionListeStandardTextLinks dt

{
	text-align:left;
	font-size:1.42em;
}

/*---*/

.kontaktseiteKarte{
	overflow:hidden;
    padding-bottom:0;
}

@media (max-width: 600px) {

	dl.DefinitionListeStartseiteBranchen dt p img,
    div.DefinitionListeStartseiteBranchen div.titelDefinitionListeStandard p img
    {
      /*
		width:100%;
        */
        width:auto;
        max-width:100%;
		height:auto;
	}
	.kontaktseiteKarte{
		height:400px;
		width:100%;
		margin-left:auto;
		margin-right:auto;

		padding-left:0px;

	}
	.spalte2bei2spaltig2mobile{
		padding-left:10px;
		padding-right:10px;
	}
	.spalte2bei2spaltig2mobileOhnePadding{
		padding-left:0px;
		padding-right:0px;
	}
	.spalte2bei2spaltig2mobileOhnePadding .toolLeisteLinks{
		padding-left:0;
	}
}
@media (max-width: 600px) {
    dl.DefinitionListeStartseiteBranchen dt,
    div.DefinitionListeStartseiteBranchen div.titelDefinitionListeStandard
    {
      /*
		font-size:1.80em;
        */
       font-size:1.60em;
	}
}

@media (max-width: 800px) {
   .kontaktseiteKarte{
    display:block;
    padding:0;
   }
}

@media (max-width: 767px) {
  .kontaktseiteKarte{
    /*
		height:150px;
        height:210px;
        */
       height:190px;
	}
    /*-- google-map: groesser-kleiner-buttons --*/
    .gmnoprint{
      display:none;
    }

}

/*---*/

.cleaner{
	position:relative;
	/*
	float:left;
    */
	clear:both;
	display:block;
	width:100%;
	height:1px;
    margin-bottom:0 !important;
}
.AbstandHalterStandard1,
.AbstandHalterStandard40px,
.AbstandHalterStandard2,
.AbstandHalterStandard20px,
.AbstandHalterStandard3,
.AbstandHalterStandard10px,
.AbstandHalterStandard4,
.AbstandHalterStandard26px,
.AbstandHalterStandard50px,
.AbstandHalterStandard75px,
.AbstandHalterStandard100px
{
 position:relative;
	clear:both;
	display:block;
	width:100%;
    margin-bottom:0 !important;
}

.AbstandHalterStandard1,
.AbstandHalterStandard40px
{
  /*
  position:relative;
	clear:both;
	display:block;
	width:100%;
    margin-bottom:0 !important;
    */
	height:40px;

}
.AbstandHalterStandard2,
.AbstandHalterStandard20px
{
  /*
  position:relative;
	clear:both;
	display:block;
	width:100%;
    margin-bottom:0 !important;
    */
	height:20px;

}
.AbstandHalterStandard3,
.AbstandHalterStandard10px
{
  /*
  position:relative;
	clear:both;
	display:block;
	width:100%;
    margin-bottom:0 !important;
    */
	height:10px;

}
.AbstandHalterStandard4,
.AbstandHalterStandard26px
{
	height:26px;
}
.AbstandHalterStandard50px
{
 height:50px;
}
.AbstandHalterStandard75px
{
 height:75px;
}
.AbstandHalterStandard100px
{
 height:100px;
}

/*---*/



/*-- anfang accordion --*/

.trigger, ul.ListeAkkordion li h3.trigger{
  /*
	font-size:1.42em;
    line-height: 1.6em; 
    */
    font-size:1.82em;
    line-height: 1.6em;
	cursor:pointer;
    /*
    padding-right:30px;
    padding-right:60px;
    */
    padding-right:120px;
	position:relative;
}

.trigger::after, ul.ListeAkkordion li h3.trigger::after{
content:"\002B";
	position:absolute;
    /*
	right:5px;
    top:27px;
    */
    right:25px;
	top:29px;
	font-family: "Arial", sans-serif;
	font-size:1.80em;
	line-height:0.70em;
	font-weight:300;
}

ul.ListeAkkordionSchmaler li{
	position:relative;
}
ul.ListeAkkordion li h2.trigger,
ul.ListeAkkordion li h3.trigger,
ul.ListeAkkordion li h5.trigger,
.trigger
{
	margin-top:0px;
	margin-bottom:0px;
	transition: all .5s linear;
    /*
    padding-top:17px;
	padding-bottom:17px;
    */
    padding-top:27px;
	padding-bottom:27px;
}
ul.ListeAkkordion li h2.trigger:hover,
ul.ListeAkkordion li h3.trigger:hover,
ul.ListeAkkordion li h5.trigger:hover,
.trigger_active,
ul.ListeAkkordion li h2.trigger_active,
ul.ListeAkkordion li h3.trigger_active {
	color:#d54f52;
}
ul.ListeAkkordion li h2.trigger_active:after,
ul.ListeAkkordion li h3.trigger_active:after,
ul.ListeAkkordion li h5.trigger_active:after
{

	content:"\2212";
	
}

.toggle_container, ul.ListeAkkordion li .toggle_container {
    /*
    margin-top:20px;
	padding-left:30px;
	padding-right:40px;
    */

    /* neu 2020-01-15: */
    position:relative;
    min-height: 0;
    overflow: hidden;
    margin-left:30px;
	margin-right:40px;
    /*
    overflow: hidden;
    min-height: 0;
    */
}
@media (max-width: 600px) {
	.toggle_container, ul.ListeAkkordion li .toggle_container {
		padding-left:0px;
	padding-right:0px;

    margin-left:0px;
	margin-right:0px;
	}
}
@media (max-width: 600px) {

}

ul.ListeAkkordion{
  margin-left:0;
	margin-bottom:40px;
	margin-top:60px;
    /*
    margin-bottom:20px;
	margin-top:20px;
	margin-right:120px;
    max-width:920px;
    width:100%;
    max-width:1000px;
    */


	padding-left:0;
	list-style-type:none;
	border-top:2px solid #b1b6bc;

    /*
    clear:both;
    display:inline-block;
    */
}
ul.ListeAkkordion:last-of-type{
  /*
   margin-bottom:60px;
   */
   margin-bottom:0px;
}

ul.ListeAkkordionMittig{
  /*
  margin-left:120px;
  */
  margin-left:10%;
  margin-right:10%;
}

/*
@media (max-width: 600px) {
	
ul.ListeAkkordion li:last-child{
	margin-bottom:40px;
}
}
*/
ul.ListeAkkordionOhneAbstandRechts{
	margin-right:0px;
}
ul.ListeAkkordion li{
	border-bottom:2px solid #b1b6bc;
    /*
	padding-top:17px;
	padding-bottom:17px;
    */

}
ul.ListeAkkordion li ul li{
	padding-top:0px;
	padding-bottom:0px;
}


ul.ListeAkkordion li .toggle_container li{
	border-bottom:none;
}
ul.ListeAkkordion li .toggle_container ul li{
	list-style-type:disc;
}


ul.ListeAkkordion li .toggle_container ul.ListeStandard li{
	list-style-type:none;
    border-bottom:1px solid #d8dbde;
    padding-bottom:10px;
}

/*---*/

@media (max-width: 980px) {
	ul.ListeAkkordion{
		margin-right:10px;
	}
    ul.ListeAkkordionMittig{
        margin-left:0px;
    }
    /*
	ul.ListeAkkordion li{
		display:inline-block;
		clear:both;
		float:left;
		width:100%;
	}
    */
    ul.ListeAkkordion li ul li{
		display:list-item;
        float:none;
        width:auto;
	}
	.trigger:after, ul.ListeAkkordion li h3.trigger:after{
		right:10px;
	}
    /*
	ul.ListeAkkordionOhneAbstandRechts li h3.trigger:after{
	    right:80px;
	}
    */
}
@media (max-width: 600px) {
	ul.ListeAkkordionOhneAbstandRechts li h3.trigger:after{
	right:4px;
	}
}
@media (max-width: 767px) {
	ul.ListeAkkordionOhneAbstandRechts li h3.trigger:after{
	right:4px;
	}
    ul.ListeAkkordion{
      margin-top:20px;
      margin-right:0px;
    }

    ul.ListeAkkordion:last-of-type{
      /*
    margin-bottom:10px;
    */
    margin-bottom:0px;
    }
}
/*--*/

h3.trigger, h2.trigger{
	padding-top:0;
}

/*-- ende accordion --*/

ul.ListeStartseiteZahlen{
	list-style-type:none;
	padding-left:0;
}
ul.ListeStartseiteZahlen li{
	display:inline-table;
	width:100px;
	margin-right:50px;
}
ul.ListeStartseiteZahlen li:last-child{
	margin-right:0;
}
ul.ListeStartseiteZahlen li p{
  /*
	font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
    */
    font-weight: 700;
	text-align:center;
    /*
	max-width:100px;
    */
    max-width:120px;
}
ul.ListeStartseiteZahlen li p.zahl{
	background-color:#a9afb2;

	box-shadow: 3px 3px 3px 0px rgba(100,100,100,0.35), inset 3px 3px 3px 0px rgba(255,255,255,0.35);
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 50px;
	/* Firefox 1-3.6 */
	-moz-border-radius: 50px;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    /*
	border-radius: 50px;
	font-size:60px;
	line-height:100px;
    height:100px;
	width:100px;
    */
    border-radius: 50%;
	font-size:60px;
	line-height:120px;
    height:120px;
	width:120px;
}
ul.ListeStartseiteZahlen li p.text{
	text-transform:uppercase;
	line-height:1.30em;
    font-size: 1.1em;
}

/*---*/

div.zitatBoxStandard{
	position:absolute;
	top:40px;
	left:40px;
	max-width:600px;
}
div.zitatBoxProfil{
	top:140px;
	max-width:600px;
}
div.zitatBoxProfil blockquote p{
	line-height:1.10em !important;
	margin-bottom:0;
}
div.zitatBoxProfil blockquote.zitatStartseitenSlider footer cite{
  text-shadow:1px 1px 1px #333;	
}


div.zitatBoxStandard p, div.zitatBoxStandard blockquote p, div.zitatBoxStandard footer cite, div.zitatBoxStandard blockquote:before, .carousel-inner-startseiten-header .item blockquote::before, .carousel-inner-startseiten-header .item footer cite{
	color:#fff !important;
}
div.zitatBoxStandard blockquote p, .carousel-inner-startseiten-header .item blockquote p{
	font-style:italic;
	text-shadow: 2px 2px 3px #333;
    /*
	font-family: 'Droid Serif', serif;
    */
    font-family: 'Noto Serif', serif;
	font-size:1.90em;
	line-height:1.30em !important;
}
div.zitatBoxStandard blockquote.zitatTextGroesser p{
	font-size:2.20em;
}
div.zitatBoxStandard blockquote.zitatTextGroesser:before{
	margin-bottom:120px;
}
div.zitatBoxStandard blockquote:before, .carousel-inner-startseiten-header .item blockquote:before{
	
	content: "\201D";
	
	
	padding-right:4px;
	
	margin-top:2px;
	float:left;
	position:relative;
	margin-bottom:70px;
	
	display: inline-block;
	font-size: 40px;
	font-family: Georgia, serif;
	text-shadow: 2px 2px 3px #333;
}

div.zitatBoxStandard footer{
	background:none;
	border:none;
	text-align:right;
}
div.zitatBoxStandard footer cite{
	font-size:1.60em;
}

/*---*/

@media (max-width: 1170px) {
	div.zitatBoxProfil{
		top:10%;
        max-width:500px;
	}
    div.zitatBoxProfil{
		display:none;
	}


}
@media (max-width: 980px) {
	ul.ListeStartseiteZahlen{
		margin-top:20px;
        margin-left:auto;
        margin-right:auto;
        display:inline-block;
         text-align: center;
	}
}
@media (max-width: 800px) {
	ul.ListeStartseiteZahlen li{
		margin-right:20px;
        margin-bottom:20px;
	}


    div.zitatBoxProfil{
		top:10%;
        max-width:400px;
	}
    div.zitatBoxStandard blockquote p,  .carousel-inner-startseiten-header .item blockquote p{
        font-size:1.20em;

	}
	div.zitatBoxStandard blockquote:before, .carousel-inner-startseiten-header .item blockquote:before{
		font-size: 2.40em;
		font-size: 1.40em;

	}
     .carousel-inner-startseiten-header .item blockquote:before{
        margin-top:-8px !important;
     }
	 div.zitatBoxStandard footer cite{
	    font-size:1.20em;
    }


	
}

@media (max-width: 767px) {
  ul.ListeStartseiteZahlen li:nth-child(3n){
     margin-left:-18px;
  }

    ul.ListeStartseiteZahlen li p.zahl{
	background-color:#a9afb2;
	height:125px;
	width:125px;
    max-width:125px;
    line-height:125px;
    /*
	box-shadow: 3px 3px 3px 0px rgba(100,100,100,0.35), inset 3px 3px 3px 0px rgba(255,255,255,0.35);
    font-size:60px;
    */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;


    }
    ul.ListeStartseiteZahlen li p{
	max-width:125px;
    }

    .carousel-inner-startseiten-header .item div.zitatBoxStandard{
     display:none;
    }

    /*
    .carousel-inner-startseiten-header .item div.zitatBoxStandard, .startseiteSliderBoxRot p{
		display:none;
	}
    */
}
@media (max-width: 600px) {
	.carousel-inner-startseiten-header .item div.zitatBoxStandard, .startseiteSliderBoxRot p{
		display:none;
	}
	p.startseiteSliderBoxRotTitel2{
		display:block !important;
	}
}
/*----*/

div.zitatBoxProfil blockquote:before, .carousel-inner-startseiten-header .item blockquote:before{
	content:"\00BB";
	margin-top:-18px;
}
div.zitatBoxProfil blockquote p .zitatEnde:after{
	content:"";
	font-style:normal;
}
/*---*/
.carousel-profil-aussen{
	width:710px;
	margin:0 auto;
	overflow:hidden;
}
.carousel-profil{
	/*
	margin-left:80px;
    */
	margin-top:40px;
	
	overflow:visible;
}
.carousel-wunschkunden, .carousel-wunschkunden .item{
	margin-left:auto;
	margin-right:auto;
}
.carousel-wunschkunden .item{
    max-width:none !important;
}
.carousel-profil .item{
    /*
	max-width:610px;
    */

}
.carousel-profil .item p{
	z-index:20;
	position:relative;
}

.carousel-indicators-profil, .carousel-indicators-referenz{
    /*
	bottom: -30px;
    */
    bottom: -50px;
}
.carousel-indicators-referenz{

	width:auto;
	
	margin-left:0;

	display:block;
}
.carousel-indicators-referenz li{
	background-color: rgba(118, 134, 143, 1);
	border:none;
}
.carousel-indicators-referenz .active, .carousel-indicators-referenz li:hover {
  /*
  background-color: #ef3f42;
  */
    background-color: #d7494d;
	width:15px;
	height:15px;
	margin:1px;
	margin-right:6px;
}

/*---*/
@media (max-width: 960px) {
	.carousel-profil-aussen{
		width:100%;
	}
	.carousel-profil{
		margin-left:0;
		margin-top:20px;
	}
}

@media (max-width: 800px) {
	.carousel-profil-aussen{
		width:100%;
	}
	.carousel-profil{
		margin-left:0;
		margin-top:20px;
	}
}

@media (max-width: 767px) {
  /*
    .carousel-control-left-profil-mobile{
        padding-left:180px;
    }
    */
    .carousel-control-left-profil-mobile{
      padding-left:0;

    }
    .carousel-control-left-profil-mobile .icon-prev,
    .carousel-control-right-profil-mobile .icon-next
    {
      top:95%;
    }
    /*
    .carousel-indicators-profil{
      margin-left:-50%;
    }
    */
}

/*---*/

.carousel-indicators-referenz-oben{
	top:-40px;
	max-height:20px;
    right:52px;
    left:auto;
}
/*---*/

.carousel-indicators-profil li{
	width:110px;
	height:6px;
	background-color: rgba(118, 134, 143, 1);
	border: none;
	border-radius: 0px;
	margin: 0;
	margin-right:5px;
	transition:background-color 1s linear;
    position:relative;
}
.carousel-indicators-profil li::before{
  content:'';
  position:absolute;
  left:0;
  top:-20px;
  height:20px;
  width:100%;
  /*
  background-color:#000;
  */
}

.carousel-indicators-profil .active, .carousel-indicators-profil li:hover {
  width:110px;
  height:6px;
  margin: 0;
  margin-right:5px;
  background-color: #d7494d;
}


#carousel-profil .carousel-control{
	background-image:none;
}
.carousel-control-standard-si{
	background-image:none;
	text-shadow:none;
}
@media (min-width: 768px){
  .carousel-control-standard-si{
    display: none;
  }

}

.carousel-control-standard-si.left, .carousel-control-standard-si.right{
	background-image:none;
	
}
.carousel-control-standard-si .icon-prev, .carousel-control-standard-si .icon-next{
	width:24px !important;
	height:24px !important;
	border-radius:24px;
	background-color:#d4d4d4;
	box-sizing: content-box;
	padding:0;
	margin:0;
	display:block;
	position:relative;
}
.carousel-control-standard-si .icon-next{
	right:auto;
}
.carousel-control-standard-si .icon-prev::before, .carousel-control-standard-si .icon-next::before{
	content:"";
	display: block;
    width: 0 !important; 
    height: 0 !important; 
	position: absolute;
	top: 6px;
	border-radius:0;
	background-color:transparent;
}
.carousel-control-standard-si .icon-prev::before{
	border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
	border-right: 6px solid #b4b4b4;

    left: 8px;

    /*
    left: 18px;
    */
}

/*---*/
.carousel-control-standard-si .icon-prev-standard-si, .carousel-control-standard-si .icon-next-standard-si{
	width:24px !important;
	height:24px !important;
	border-radius:24px;

	background-color:#f2f3f3;
	box-sizing: content-box;
	padding:0;
	margin:0;
	display:block;
	position:relative;
    transition:background-color 0.4s linear;
}

.carousel-control-standard-si .icon-prev-wunschkunden, .carousel-control-standard-si .icon-next-wunschkunden{
	background-color:#dcdcdc;
}
.carousel-control-standard-si:hover .icon-prev-wunschkunden, .carousel-control-standard-si:hover .icon-next-wunschkunden{
	background-color:#dcdcdc;
}

.carousel-control-standard-si .icon-prev-next-referenz-bilder{
	position:absolute;
	/*
	right:1%;
	*/
	right:5%;
}
.carousel-control-standard-si .icon-prev-referenz-bilder{
	left:5%;
}
.carousel-control-standard-si:hover .icon-prev-standard-si, .carousel-control-standard-si:hover .icon-next-standard-si{
	
	background-color:#ccc;
	
}
.carousel-control-standard-si .icon-next-standard-si::before{
	content:"";
	display: block;
    width: 0 !important; 
    height: 0 !important;
	border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
	border-left: 6px solid #cad0d2; 
    position: absolute;
    top: 6px;
    left: 10px;
	
	
	border-radius:0;
	background-color:transparent;
    transition-property: border-left, border-top, border-bottom;
    transition-duration: 0.4s, 0.4s, 0.4s;
    transition-timing-function: linear, linear, linear;
}
.carousel-control-standard-si:hover .icon-next-standard-si:before{
	border-left: 6px solid #76868f;
}
.carousel-control-standard-si .icon-next-wunschkunden:before{
	border-left: 6px solid #a9a9a9;
}

.carousel-control-standard-si .icon-prev-standard-si::before{
	content:"";
	display: block;
    width: 0 !important; 
    height: 0 !important;
	border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #cad0d2; 
	top: 6px;
    right: 10px;

    position: absolute;
    
	border-radius:0;
	background-color:transparent;

    transition-property: border-right, border-top, border-bottom;
    transition-duration: 0.4s, 0.4s, 0.4s;
    transition-timing-function: linear, linear, linear;
}
.carousel-control-standard-si .icon-prev-wunschkunden::before{
	border-right: 6px solid #a9a9a9; 
}
.carousel-control-standard-si:hover .icon-prev-standard-si:before{

	border-right: 6px solid #76868f; 
}

/*-- anfang groesser ---*/

.carousel-control-standard-si .icon-prev-standard-si-groesser, .carousel-control-standard-si .icon-next-standard-si-groesser{
	width:90px !important;
	height:90px !important;
	border-radius:50%;
}

.carousel-control-standard-si .icon-next-standard-si-groesser::before{
	border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
	border-left: 40px solid #c0c7c8;
    position: absolute;
    top: 23px;
    left: 30px;

}
.carousel-control-standard-si:hover .icon-next-standard-si-groesser:before{
	border-left: 40px solid #76868f;
}

.carousel-control-standard-si .icon-prev-standard-si-groesser::before{
	border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-right: 40px solid #c0c7c8;
	top: 23px;
    left:18px;
}


.carousel-control-standard-si:hover .icon-prev-standard-si-groesser:before{
	border-right: 40px solid #76868f;
}


/*-- ende groesser ---*/

.icon-next-referenz-naechste{
	float:right;
	margin-left:10px !important;
}
.icon-prev-referenz-vorige{
	float:left;
	margin-right:10px !important;
}
/*---*/

@media (max-width: 600px) {
	.icon-prev-magazin-vorige, .icon-next-magazin-naechste{
		display:none !important;
	}
	.WeiterNaviNaechsteMagazin{
		float:left !important;
	}
	.icon-prev-magazin-vorige::before, .icon-next-magazin-naechste::before{
		display:none !important;
	}
}


/*-- anfang groesser mobile ---*/
@media (max-width: 767px) {
.carousel-control-standard-si .icon-prev-standard-si-groesser, .carousel-control-standard-si .icon-next-standard-si-groesser{
	width:40px !important;
	height:40px !important;
}

.carousel-control-standard-si .icon-next-standard-si-groesser::before{
	border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
	border-left: 20px solid #c0c7c8;
    top: 8px;
    left: 13px;

}
.carousel-control-standard-si:hover .icon-next-standard-si-groesser:before{
	border-left: 20px solid #76868f;
}

.carousel-control-standard-si .icon-prev-standard-si-groesser::before{
	border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 20px solid #c0c7c8;
	top: 8px;
    left: 5px;
}

.carousel-control-standard-si:hover .icon-prev-standard-si-groesser:before{
	border-right: 20px solid #76868f;
}

}

/*-- ende groesser mobile ---*/

@media (max-width: 767px) {
    .carousel-indicators-referenz-oben{
	    display:block !important;
        top:-30px;
        right:5px;
    }
}

/*---*/
.zahlKreisVorTitel{
  /*
  margin-bottom:20px;
  */
  margin-bottom:28px;
  font-size:32px;
}
.zahlKreisVorTitel:before{
	position:absolute;
	top:-40px;
	left:-80px;
	background-color:#fff;
	border:1px solid #ccc;
    /*
	border-radius: 140px;
    width:140px;
	height:140px;
	font-size:70px;
	line-height:140px;
    padding-left:20px;
    */
    border-radius: 50%;
	width:100px;
	height:100px;
	font-size:50px;
	line-height:100px;
	font-style:italic;
	font-weight:700;
    /*
	font-family: 'Droid Serif', serif;
    */
	padding-left:10px;
	z-index:10;
}
.zahlKreisVorTitel1:before{
	content:"1.";
}
.zahlKreisVorTitel2:before{
	content:"2.";
}
.zahlKreisVorTitel3:before{
	content:"3.";
}

/*---*/

.absatzNextPrevButtonReferenz{
  /*
	margin-top:40px;
    */
    margin-top:50px;
}

/*---*/

p.AbsatzKontaktAufnehmen{
	text-align:center;
	margin-bottom:0;
    max-width: 100%;
}


.AbsatzKontaktAufnehmen a{
	font-style:italic;
    position:relative;
    /*

	font-family: 'Droid Serif', serif;
    */
	color:#fff;
	text-decoration:none;
	line-height:3.60em;
	padding-top:15px;
	padding-bottom:15px;
	position:relative;
	display:block;
	transition:all 1s linear;
	letter-spacing: 0.02em;
    /*
    display:inline-block;
    padding-left:100%;
    padding-right:100%;
    */

}
/*
.AbsatzKontaktAufnehmen a:before{
  content: '';
  position:absolute;
  top:0;
  left:-50%;
  width:100%;
  height:100%;
}
*/
.AbsatzKontaktAufnehmen a:hover{
	letter-spacing: 0.08em;
}
.AbsatzKontaktAufnehmen a .pfeil{
	font-style:normal;
	font-size:30px;
	font-weight:300;
	margin-top:4px;
    margin-left:4px;
    position:relative;
    /*
    line-height:1.0em;
    top:2px;
    */

}
.AbsatzKontaktAufnehmen a .pfeil:before{
	content:"\00BB";
    /*
	float:right;
    margin-left:4px;
    margin-top:3px;
    */
   line-height:1.0em;
    position:absolute;
    top:5px;
    left:0;
}

_:lang(x)::-internal-media-controls-overlay-cast-button,.AbsatzKontaktAufnehmen a .pfeil:before{
margin-top:0px;
}

/*
@media (max-width: 800px) {
*/
@media (max-width: 767px) {
	.zahlKreisVorTitel:before{
	  /*
		top:-20px;
        */
        top:-20px;
		left:0px;
		border-radius: 60px;
		width:60px;
		height:60px;
		font-size:30px;
		line-height:60px;
		padding-left:5px;
	}
	.zahlKreisVorTitel{
	  /*
		padding-top:34px;
        */
      padding-top:54px;
	}
	.carousel-profil-aussen{
		z-index:50;
        padding-bottom:50px;
	}
	.carousel-control-standard-si{
		z-index:100;
	}
	.AbsatzKontaktAufnehmen a .pfeil:before{
	  /*
		margin-top:-2px;
        */
       margin-top:0px;
	}
}
@media (max-width: 600px) {
	.absatzNextPrevButtonReferenz{
		margin-top:10px;
	}
}
/*---*/
/*-- anfang magazin --*/

ul.ListeMagazinUebersicht{
	list-style-type:none;
	margin:0;
	padding:0;
	padding-top:0px;
	border-top:1px solid #d8dbde;
	display:inline-block;
    margin-left:-80px;
    margin-right:-80px;

}
ul.ListeMagazinUebersicht li{
	border-bottom:1px solid #d8dbde;
	float:left;
	clear:both;
	width:100%;
	margin-bottom:0px;
	padding-bottom:30px;
	padding-top:30px;
	transition: background-color 1s;
    padding-left:80px;
    padding-right:80px;
}
ul.ListeMagazinUebersicht li:hover{
	background-color: #f7f8f8;
}
ul.ListeMagazinUebersicht a{
	text-decoration:none;
}

ul.ListeMagazinUebersicht li .datum{
	margin-bottom:2px;
}
.datumMagazinSingle{
	display:inline-block;
	clear:both;
	margin-top:30px;
	width:100%;
}
ul.ListeMagazinUebersicht li h2{
	margin-top:0;
	padding-top:0;
}
.BildThumbUebersicht, .MagazinArtikelUebersicht{
	float:left;
}

.BildThumbUebersicht{
	position:relative;
    /*
	width:45%;
    */
    width:38%;
	padding-top:40px;
    padding-right:20px;
}
.BildThumbUebersicht img{
	border:none;
    max-width:100%;
    height:auto;
}
.MagazinArtikelUebersicht{
	position:relative;
    /*
	max-width:55%;
    */
    max-width:62%;
}

/*---*/

.thumbInTeaser{
	margin-left:40px;
	margin-bottom:15px;
	float:right;
	text-align:right;
    display:block;
}
.thumbInTeaser img{
  /*
	border:1px solid #d8dbde;
    */
    display:block;
}

@media (max-width: 800px) {
	.BildThumbUebersicht, .MagazinArtikelUebersicht{
		clear:both;
		width:100%;
		max-width:100%;
	}
	.BildThumbUebersicht img{
	  /*
		width:100%;
        */
		height:auto;
	}
	.magazinVorigNaechsterBlock{
		width:100%;
		clear:both;
	}
	.thumbInTeaser{
		clear:both;
		margin-left:20px;
	}
	.thumbInTeaser img{
		width:100%;
		height:auto;
	}
    ul.ListeMagazinUebersicht li .datum{
	margin-top:20px;
    }
}

@media (max-width: 767px) {
    ul.ListeMagazinUebersicht{
     border-top:none;
     margin-left:0px;
    margin-right:0px;
    }

    ul.ListeMagazinUebersicht li{
  	padding-bottom:5px;
  	padding-top:5px;
    margin-bottom:30px;
    padding-left:10px;
    padding-right:10px;
  }
  .BildThumbUebersicht{
	padding-top:5px;
    margin-bottom:10px;
    padding-right:0;
    }
    .thumbInTeaser{
		margin-left:0px;
        display:block;
        clear:both;
        float:none;
        margin-bottom:30px;
        margin-top:30px;
	}
    .thumbInTeaser img{
		max-width:280px;
        height:auto;
	}

    ul.ListeMagazinUebersicht li .datum{
	margin-top:20px;
    }
    .datumMagazinSingle{
      display:block;
	margin-top:-20px;
    }
    .boxBlogSingle{
      margin-bottom:0;
    }

    iframe{
      max-width:100% !important;
      height:auto !important;
    }

}

@media (max-width: 600px) {
	.thumbInTeaser{
		margin-left:0px;
	}
	.alignright{
		float:none;
        /*
		width:100%;
        */
        max-width:100%;
        clear:both;
		height:auto;
		margin-left:0;
		margin-right:0;
	}
}

/*-- ende magazin --*/
/*---------------------*/

#pagination, .pagination{
	position:relative;
	float:left;
	clear:both;
	width:100%;
	margin-bottom:20px;
	padding-top:5px;
	padding-bottom:5px;
}
#pagination .paginationInner, .pagination .paginationInner{
	position:relative;
	float:right;
}
#pagination .paginationInner .TextSeitenLinks, .pagination .paginationInner .TextSeitenLinks{
	position:relative;
	float:left;
    /*
	font-family: 'Droid Serif', serif;
    */
	font-style:italic;
	line-height:24px;
	margin-right:20px;
}
#pagination .paginationInner .SeitenZahlenGesamt, .pagination .paginationInner .SeitenZahlenGesamt{
	position:relative;
	float:left;
}
#pagination .paginationInner a, .pagination .paginationInner a{
	
}
#pagination .paginationInner a:hover, .pagination .paginationInner a:hover{
	text-decoration:none;
}
#pagination .paginationInner .SeitenZahlenGesamt a.LinkZurSeite, #pagination .paginationInner .SeitenZahlenGesamt .current, #pagination .paginationInner .SeitenZahlenGesamt a.LinkZurueck, #pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter, .pagination .paginationInner .SeitenZahlenGesamt a.LinkZurSeite, .pagination .paginationInner .SeitenZahlenGesamt .current, .pagination .paginationInner .SeitenZahlenGesamt a.LinkZurueck, .pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter{
	width:24px;
	height:24px;
	line-height:24px;
	float:left;
	color:#fff;
	font-weight:600;
    /*
	font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
    */
	text-align:center;
    /*
	margin-right:5px;
    */
    margin-right:8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter, #pagination .paginationInner .SeitenZahlenGesamt a.LinkZurueck, .pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter, .pagination .paginationInner .SeitenZahlenGesamt a.LinkZurueck{
	position:relative;
}
#pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter:before, #pagination .paginationInner .SeitenZahlenGesamt a.LinkZurueck:before, .pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter:before, .pagination .paginationInner .SeitenZahlenGesamt a.LinkZurueck:before{
	position:absolute;
	width:100%;
	height:100%;
	font-family: "Arial",Helvetica,sans-serif;
	font-weight:700;
	font-size:24px;
	line-height:24px;
}
#pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter:before, .pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter:before{

	left:-3px;
	top:-1px;

	content:"\21E2";
}
#pagination .paginationInner .SeitenZahlenGesamt a.LinkZurueck:before, .pagination .paginationInner .SeitenZahlenGesamt a.LinkZurueck:before{
	right:-3px;
	top:-1px;
	content:"\21E0";
}

#pagination .paginationInner .SeitenZahlenGesamt a.LinkZurSeite, #pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter, #pagination .paginationInner .SeitenZahlenGesamt a.LinkZurueck, .pagination .paginationInner .SeitenZahlenGesamt a.LinkZurSeite, .pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter, .pagination .paginationInner .SeitenZahlenGesamt a.LinkZurueck{
	background-color:#d8d8d8;
    transition:background-color 0.5s linear;
}
#pagination .paginationInner .SeitenZahlenGesamt .current, .pagination .paginationInner .SeitenZahlenGesamt .current, .pagination .SeitenZahlenGesamt a:hover{

   background-color:#d7494d !important;
}

.pagination .paginationLinkZurLetztenSeite{
	
}
.pagination .paginationLinkZurLetztenSeite:before{
	position:absolute;
	content: "\00BB";
    text-align:left;
    right:13px;
}

.pagination .paginationLinkZurErstenSeite:before{
	position:absolute;
	content: "\00AB";
}

@media (max-width: 767px) {
    #pagination .paginationInner .SeitenZahlenGesamt a.LinkZurSeite, #pagination .paginationInner .SeitenZahlenGesamt .current, #pagination .paginationInner .SeitenZahlenGesamt a.LinkZurueck, #pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter, .pagination .paginationInner .SeitenZahlenGesamt a.LinkZurSeite, .pagination .paginationInner .SeitenZahlenGesamt .current, .pagination .paginationInner .SeitenZahlenGesamt a.LinkZurueck, .pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter{
	width:30px;
	height:30px;
	line-height:30px;
    /*
	text-align:center;
    */
	margin-right:10px;

    }
    .pagination .paginationLinkZurLetztenSeite:before{
        right:21px;
    }
    #pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter:before, .pagination .paginationInner .SeitenZahlenGesamt a.LinkWeiter:before{
          /*
	    left:-3px;
        */
	    top:2px;

    }
}
/*-- anfang referenzen ----*/

ul.ListeReferenzenUebersichtAuswahl{
	list-style-type:none;
	margin:0;
	
	padding:0;
    /*
	padding-top:40px;
    */
    padding-top:50px;
	border-top:1px solid #d8dbde;
}
ul.ListeReferenzenUebersichtAuswahl li{
	position:relative;

	border-bottom:1px solid #d8dbde;
	float:left;
	clear:both;
	width:100%;
    /*
	margin-bottom:40px;
    */
    margin-bottom:46px;
	padding-bottom:20px;

}


ul.ListeReferenzenUebersichtAuswahl li a{
	text-decoration:none;
	
	width:100%;
	display:inline-block;
	z-index:10;
	
}
ul.ListeReferenzenUebersichtAuswahl li a:after{
	content: "\279C";

	position: absolute;
	right: 30px;
	top: 50%;
	float:left;
	font-size:3.00em;
	color:#d7494d;
}


ul.ListeReferenzenUebersichtAuswahl li h2{
	margin-top:0;
    padding-top:0;
}
ul.ListeReferenzenUebersichtAuswahl li h3{
	margin-top:20px;
	margin-bottom:3px;
	/*
	font-style:italic
	*/
	
}
.BildThumbUebersichtReferenzen, .ArtikelUebersichtReferenzen{
	float:left;
}

.BildThumbUebersichtReferenzen{
	position:relative;
    /*
	width:50%;
    */
    width:47%;
	padding-top:0px;
}
ul.ListeReferenzenUebersichtAuswahl li .BildThumbUebersichtReferenzen img{
   max-width:100%;
}
.ArtikelUebersichtReferenzen{
	position:relative;
    /*
	max-width:50%;
    */
    max-width:53%;
	padding-right:8%;
}
.ArtikelUebersichtReferenzen p{

}
.BildThumbUebersichtReferenzen p{
  display:inline-block;
  background-color:#fff;
  transition: background-color 1s ease-in-out;
}
.BildThumbUebersichtReferenzen p:hover{
  background-color:#f44835;
}

.BildThumbUebersichtReferenzen p img{
  opacity:1;
  transition: opacity 1s ease-in-out;
}
.BildThumbUebersichtReferenzen p img:hover{
  opacity: 0.5;

}

/*---*/
/*
@media (max-width: 1100px) {
*/
@media (max-width: 1400px) {
	.BildThumbUebersichtReferenzen img{
		width:95%;
		height:auto;
		margin-right:10px;
	}
}
/*
@media (max-width: 600px) {
*/
@media (max-width: 900px) {
	.BildThumbUebersichtReferenzen, .ArtikelUebersichtReferenzen{
		max-width:100%;
		width:100%;
		clear:both;
	}
	ul.ListeReferenzenUebersichtAuswahl li:after{
		top:80%;
	}
    /*
	ul.ListeReferenzenUebersichtAuswahl li h2{
		font-size:1.20em;
	}
	ul.ListeReferenzenUebersichtAuswahl li h3{
		font-size:1.10em;
	}
	ul.ListeReferenzenUebersichtAuswahl li p{
		font-size:1.10em;
	}
    */
    ul.ListeReferenzenUebersichtAuswahl li .BildThumbUebersichtReferenzen p{
      margin-bottom:40px;
    }

}
/*
@media (max-width: 767px) {
*/
@media (max-width: 900px) {
    ul.ListeReferenzenUebersichtAuswahl li a:after{
	top:auto;
    bottom:0;
    }
}
/*---*/

.teaserBereichStandardPaddingRechts{
  /*
	padding-right:300px;
    max-width:1000px;
    */

}

@media (max-width: 600px) {
	.teaserBereichStandardPaddingRechts{
		padding-right:0;
	}
}

/*----*/

ul.ListeReferenzenUebersicht{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	border-top:1px solid #d8dbde;
	padding-top:30px;
    /*
    -moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3;
	column-gap: 10px;
    */
}

ul.ListeReferenzenUebersicht li{

     /*
     min-height:290px;
	margin-bottom:25px;
    min-height:301px;
    margin-bottom:50px;
    */
    min-height:301px;
    margin-bottom:50px;
	display:inline-block;
}
ul.ListeReferenzenUebersicht li p{
	margin-bottom:0;
}

ul.ListeReferenzenUebersicht li p.absatzReferenzenUenersichtThumb{
	background-color:#fff;
	-webkit-transition: background-color 1s ease-in-out;
	-moz-transition: background-color 1s ease-in-out;
	-o-transition: background-color 1s ease-in-out;
	-ms-transition: background-color 1s ease-in-out;
	transition: background-color 1s ease-in-out;
	float:left;
	clear:both;
	min-height:150px;
}

ul.ListeReferenzenUebersicht li p.absatzReferenzenUenersichtThumb img{
	opacity: 1;
	/*
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    */
	transition: opacity 1s ease-in-out;
}

ul.ListeReferenzenUebersicht li p.absatzReferenzenUenersichtThumb:hover{
	background-color:#f44835;
}

ul.ListeReferenzenUebersicht li p.absatzReferenzenUenersichtThumb img:hover{
	opacity: .5;
}
ul.ListeReferenzenUebersicht li p.absatzReferenzenUenersichtThumb img{
     max-width:280px;
	height:auto;

}
/*
ul.ListeReferenzenUebersicht li p.absatzReferenzenUenersichtThumb img,
*/
ul.ListeReferenzenUebersicht li p.absatzReferenzenUenersichtThumb,
.ListeReferenzenHorizontal li p.ListeReferenzenHorizontalBild img,
.BildThumbUebersicht img, .BildThumbUebersichtReferenzen img,
.kundenstimmeUnserPartRechts img,
.ListeStartseiteMagazin li p.ListeStartseiteMagazinBild img,
.thumbInTeaser img
{
    /*
    box-shadow: 6px 6px 10px #c0c2c2;
     -moz-box-shadow: 6px 6px 10px #c0c2c2;
    -webkit-box-shadow: 6px 6px 10px #c0c2c2;
    */
    box-shadow: 4px 4px 8px rgba(192,194,194,0.3);
}


ul.ListeReferenzenUebersicht li h2, ul.ListeReferenzenUebersicht li h3, ul.ListeReferenzenUebersicht li p.titel1ReferenzenUebersicht, ul.ListeReferenzenUebersicht li p.titel2ReferenzenUebersicht{
	margin-top:5px;
	margin-left:0px;
	float:left;
	clear:both;
    /*
    max-width:280px;
    width:280px;
    */
     max-width:320px;
    width:320px;
}

ul.ListeReferenzenUebersicht li h2, ul.ListeReferenzenUebersicht li p.titel1ReferenzenUebersicht{
  /*
	font-size:1.20em;
    padding-top:10px;
    */
	margin-top:10px;
	padding-top:20px;
	margin-bottom:4px;
	
}
ul.ListeReferenzenUebersicht li p.titel1ReferenzenUebersicht{
	color:#2c454d;
	line-height:1.2em;
}
ul.ListeReferenzenUebersicht li p.titel2ReferenzenUebersicht{
  /*
	font-size:1.00em;
    */
    font-size:1.20em;
	font-weight:400;
	margin-top:0;
}
ul.ListeReferenzenUebersicht li h3{
	font-size:1.00em;
	font-weight:400;
	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-top:0;
	margin-top:0;
}

/*----*/
/*-----------*/
/*-- anfang referenzen uebersicht animiert neu --*/

#referenzenContainer{
    clear:both;
    padding:0;
    width:100%;
    height:0;
    overflow:hidden;
    border:none;
}
section.sectionReferenzenUebersicht{
    border-top:1px solid #d8dbde;
    /*
    padding-top:30px;
    */
    padding-top:50px;
    min-height:300px;
}

#referenzenContainer li{
     margin-right:70px;
    display:block;
}
#referenzenContainer li:nth-child(3n+0){
    margin-right:0;
}

/*-- ende referenzen uebersicht animiert neu --*/


/*
@media (max-width: 1000px) {
*/
@media (max-width: 1300px) {
	ul.ListeReferenzenUebersicht{
		-moz-column-count: 3;
		-moz-column-gap: 5px;
		-webkit-column-count: 3;
		-webkit-column-gap: 5px;
		column-count: 3;
		column-gap: 5px;
	}
    #referenzenContainer li{
      margin-right:40px;
      max-width:290px;
    }
    /*
    #referenzenContainer li:nth-child(3n+0){
      margin-right:0;
    }
    */
}
/*
@media (max-width: 800px) {
*/
@media (max-width: 1100px) {
	ul.ListeReferenzenUebersicht{
		-moz-column-count: 2;
		-moz-column-gap: 5px;
		-webkit-column-count: 2;
		-webkit-column-gap: 5px;
		column-count: 2;
		column-gap: 5px;
	}
    #referenzenContainer li:nth-child(3n+0){
      margin-right:20px;
    }
    #referenzenContainer li:nth-child(2n+0){
      margin-right:0;
    }

    ul.ListeReferenzenUebersicht li{

     min-height:20px;
     margin-bottom:60px;
    }
    ul.ListeReferenzenUebersicht li p.titel1ReferenzenUebersicht{
      font-size:1.4em;
    }

}

/*
@media (max-width: 600px) {
*/
@media (max-width: 767px) {
	ul.ListeReferenzenUebersicht{
		-moz-column-count: 1;
		-moz-column-gap: 0px;
		-webkit-column-count: 1;
		-webkit-column-gap: 0px;
		column-count: 1;
		column-gap: 0px;
		margin-right:0;
		padding-right:0;
	}
    ul.ListeReferenzenUebersicht li{

      position:relative !important;
      top:auto !important;
      left:auto !important;
      display:inline-block !important;
      margin-right:0 !important;
      float:left;
      clear:both;
    }
    ul.ListeReferenzenUebersicht li p.titel2ReferenzenUebersicht {
      width: auto;
      max-width:310px;
    }

}

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

@media (max-width: 600px) {
    #referenzenContainer li{
        margin-right:0px;
    }
}

#carousel-referenzen{
	position:relative;
	max-height:280px;
	height:280px;
}

.ReferenzCarouselBild, .ReferenzCarouselTextBereich{
	float:left;
}
.ReferenzCarouselBild{
	width:40%;
}
.ReferenzCarouselTextBereich{
	width:60%;
	padding-right:30px;
}
.ReferenzCarouselTextBereich h2{
	margin-top:0;
}
.ReferenzCarouselTextBereich h3{
	margin-top:0;
	margin-bottom:2px;
	font-size:18px;
}

#carousel-referenzen .carousel-indicators{
	bottom:0px;
}

/*---*/

/*-- angepassr von siebert --*/

.navbar-default .navbar-referenzen{
	margin-bottom:20px;
	float:left;
}

.navbar-default .navbar-referenzen > li > a{
    /*
	background: url('../images/pfeil-navi-referenzen-off.png') no-repeat center right;

    background: no-repeat center right;
    */

	font-style:italic;
	border-top:none;

	padding-right:20px;
    border-right:1px solid #2c454d;
    padding-bottom:0;
    padding-top:0;
    transition:color 0.6s linear;

}
.navbar-default .navbar-referenzen > li > a:after{
  background-color:transparent;
}

.navbar-default .navbar-referenzen > li:last-child > a{
   border-right:none;
   padding-right:0px;
}

.navbar-default .navbar-referenzen > li > a:hover,
.navbar-default .navbar-referenzen > li > a:focus,
.navbar-default .navbar-referenzen > li.current_page_item > a,
.navbar-default .navbar-referenzen > li.current_page_ancestor > a 
{
  /*
  background: url('../images/pfeil-navi-referenzen-on.png') no-repeat center right;
  */
  background:no-repeat center right;
  background-color: transparent !important;
  border-top:none;
  /*
  border-bottom:none !important;
  text-decoration: none !important;
  */
}
.navbar-default .navbar-referenzen > li > a:hover:after
{
   background-color: transparent !important;
}

.navbar-default .navbar-referenzen > li{
      margin-bottom:10px;
}
@media (max-width: 949px) {
    .navbar-default .navbar-referenzen > li > a{
    border-right:none;
    position:relative;
    }
    .navbar-default .navbar-referenzen > li{
      margin-bottom:8px;
    }
    .navbar-referenzen.sm-collapsible .caret{
     margin-right:0 !important;
     right:-20px !important;
     font-style: normal;
     width:auto !important;
    }

}
/*---*/

#carousel-referenz #carousel-startseite-inner .item p{
  /*
	text-align:center;
    */
   text-align:right;
}
#carousel-referenz #carousel-startseite-inner .item p img{
	border:1px solid #efefef;
}
/*---*/

.weiterVorigeUndNaechsteContainer{
  display:block;
  margin-top:11px;
}
.weiterVorigeUndNaechsteContainerLinks{
  float:left;
}
.weiterVorigeUndNaechsteContainerRechts{
  float:right;
}

.WeiterNavi{
	height:20px;
	float:left;
	display:block;
}
.WeiterNavi a{
	text-decoration:none;
	color:#76868f;
	line-height:20px;
	display:block;
}
.WeiterNaviVorigMagazin{
	border-right:1px solid #76868f;
	padding-right:35px;

	margin-right:35px;


}

.WeiterNaviNaechste{
	float:right;
}

.WeiterNaviNaechsteMobile, .WeiterNaviVorigMobile{
	display:none;
	margin-bottom:30px;
	padding-top:10px !important;
}

/*---*/

@media (max-width: 600px) {
	.WeiterNavi{
		height:24px;
	}
	.WeiterNavi a{
		line-height:24px;
		font-size:1.00em;
	}
	.WeiterNaviVorigMagazin{
		margin-right:8px;
		padding-right:12px;
	}
	.WeiterNaviNaechsteMobile, .WeiterNaviVorigMobile{
		display:block;
	}
	.referenz-weiter-navi-spalte-mobile, .WeiterNaviVorigDesktop{
		display:none;
	}
}

/*---*/

.magazinSingleVorZurueckLeisteUnten{
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
	padding:0;
	padding-top:10px;
	display:inline-block;
	width:100%;
}

/*---*/


.referenzenBrotkrumenLinkAbsatz a:hover{
    color:#d7494d !important;

}

/*-- ende referenzen --*/
/*---------------------*/

.kundenstimme h3{
	margin-top:0;
	margin-bottom:0;
}
.kundenstimmeUnserPartLinks h3{
   margin-bottom:20px;
}

.kundenstimme h3.h2GroesserNeu{
  margin-bottom:55px;
}

.kundenstimmeUnserPartLinks, .kundenstimmeUnserPartRechts{
	position:relative;
	float:left;
}
/*
.kundenstimmeUnserPartLinks{
	width:40%;
}
.kundenstimmeUnserPartRechts{
	width:60%;
    padding-left:15px;
}
*/
.kundenstimmeUnserPartRechts p{
	text-align:right;
    background-color:#fff;
    transition: background-color 1s ease-in-out;
    display:inline-block;
    float:right;
}
.kundenstimmeUnserPartRechts p:hover{
   background-color:#f44835;
}

.kundenstimmeUnserPartRechts p img{
  opacity:1;
  transition: opacity 1s ease-in-out;
  max-width:100%;
  height:auto;
}
.kundenstimmeUnserPartRechts p img:hover{
  opacity:0.5;
}

/*--*/

.kundenstimme{

}

.kundenstimmeWebdesignKoeln{
  display: inline-block;
  width:100%;
}
.kundenstimmeUnserPartLinks, .kundenstimmeUnserPartRechts{
    float:none;
    width:100%;
}
@media (min-width: 950px) {
  .kundenstimmeUnserPartLinks, .kundenstimmeUnserPartRechts{
     float:left;
  }

   .kundenstimmeUnserPartLinks{
  	width:40%;
  }
  .kundenstimmeUnserPartRechts{
  	width:60%;
      padding-left:15px;
  }
}
@media (min-width: 1280px) {
    .kundenstimmeUnserPartRechts{
      padding-left:0px;
    }

}
/*
@media (max-width: 700px) {
*/
@media (max-width: 767px) {
	.kundenstimmeUnserPartLinks, .kundenstimmeUnserPartRechts{
		clear:both;
		width:100%;
	}
    .kundenstimmeUnserPartRechts{
      padding-left:0px;
    }
	.kundenstimmeUnserPartRechts img{
		width:100%;
		height:auto;
	}
	.kundenstimme blockquote.zitatStandard{
		margin-left:15px;
	}
}
@media (max-width: 767px) {
    .kundenstimme{
       margin-bottom:30px;
       clear:both;
       display:inline-block;
    }
    .h2GroesserNeu{
    font-size:26px;
    margin-bottom:25px !important;
    }
}
/*-----------*/

.standardMotivHeader{
	position:absolute;
	bottom:0;
	left:0;
	margin-bottom:0;
    width:100%;
    max-width:100% !important;
}
.standardMotivHeader img{
  width: 100%;
  height: auto;
}
.leistungenBildHeader{
  height: auto;
  max-height:800px;
  padding-bottom:0;
}

.leistungenBildHeader .standardMotivHeader{
  position:relative;
}

@media (max-width: 1400px) {
     .profilBildHeader{
       padding-top:0;
       padding-bottom:0;

       height:auto;

     }
     .profilBildHeader h1{
       top:10px;
     }

    .profilBildHeader .standardMotivHeader{
      position:relative;
    }
    .profilBildHeaderWebdesignKoeln h1{
       top:-60px;
       margin-top:-60px;
    }

}
@media (max-width: 1200px) {
  .profilBildHeader .profilSliderBoxRot{
    display:none;
  }
  .profilBildHeader h1{
    top:auto;
    bottom:80px;
  }
}

/*---*/

.wunschkundenMotivBereich{
	height:447px;
}

.wunschkundenMotivHeader{
	position:absolute;
	bottom:0;
    /*
	left:40%;
    */
    right:0;
	margin-bottom:0;
}
.textBoxWunschkunden{
	position:absolute;
	top:170px;
    /*
	left:90px;
    */
    left:60px;
}

.textWunschkunden{
  /*
	max-width:300px;
    */
    max-width:530px;
	font-size:1.60em;
	line-height:1.40em;
}

.specialTextWunschkundenBlock{
	position:absolute;
	top:80px;
	right:30px;
}
.specialTextWunschkunden{
  /*
	font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
    */
	color:#fff;
	font-weight:700;
	font-size:2.20em;
	margin-bottom:2px;
	line-height:1.00em;
}
.specialTextWunschkundenText0{
	font-weight:400;
    /*
    font-weight:300;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    */
}
.specialTextWunschkundenText1{
	margin-left:60px;
}
.specialTextWunschkundenText2{
	margin-left:100px;
}
.specialTextWunschkundenText3{
	margin-left:-20px;
	float:left;
	/*
	font-size:2.80em;
	*/
}
.specialTextWunschkundenText4{
	margin-left:20px;
	float:left;
}
.specialTextWunschkundenText5{
	margin-left:120px;
	float:left;
	clear:both;
}
.wunschkundenMotivHeader img
{
  /*
   width:100%;
   height:auto;
   */
}
p.wunschkundenMotivHeader{
  /*
  width:100%;
  max-width:100%;
  */
}
.headerMotivWunschkunden{
      padding-left:0;
      padding-right:0;
}
 @media (min-width: 1100px) {
    .headerMotivWunschkunden{
      /*
      padding-left:15px;
      padding-right:15px;
      */
    }
}
/*---*/
/*
@media (max-width: 800px) {
 @media (max-width: 1100px) {
*/


 @media (max-width: 1380px) {
	.wunschkundenMotivBereich{
		height:auto;
        min-height:300px;
        padding-top:0;
        padding-bottom:0;
	}


	.wunschkundenMotivHeader{
	  /*
		position:relative;
		bottom:0;
		left:0;
		margin-bottom:0;
		float:left;
		clear:both;
        width:100% !important;
        max-width:100% !important;
        */
        position:relative;
        float:right;
        display:inline-block;
        max-width:70% !important;

	}
	.wunschkundenMotivHeader img{
		width:100%;
		height:auto;
	}
	.textBoxWunschkunden{
		position:relative;
        /*
		top:0;
		left:0;
        clear:both;
        */
        top:auto;
        left:0;
		float:left;
        display:inline-block;
		padding:20px;
        margin-top:-20px;
        max-width:30% !important;
	}
    /*
	.specialTextWunschkunden{
		font-size:110%;
		margin-left:0 !important;
	}
    */
    .specialTextWunschkundenText4{
	    clear:both;
    }
    /*
    .specialTextWunschkundenBlock,
    .kreisGrafikWunschkunden
    {
      display:none;
    }
	*/
}
@media (max-width: 767px) {
    .wunschkundenMotivHeader{
         max-width:100% !important;
        width:100% !important;
    }
    .wunschkundenMotivHeader img{
      width: 100% !important;
    }

    .textBoxWunschkunden{
        width:100% !important;
        max-width:100% !important;
	}
    .specialTextWunschkundenBlock,
    .kreisGrafikWunschkunden
    {
      display:none;
    }
}
/*
@media (max-width: 1000px) {
*/
@media (max-width: 1380px) {
    .wunschkundenMotivHeader{

        display:block;
        width:100% !important;
        max-width:100% !important;
        display:none;
    }


    .textBoxWunschkunden{

        display:block;
        margin-top:0px;
        max-width:100% !important;
	}
    /*
    h1.titelWunschkunden{
      font-size:28px;
    }
    p.textWunschkunden{
      font-size:1.2em;
    }
    */
}

/*
@media (min-width: 1000px) {
    .headerMotivWunschkunden{

        display:block;
        max-width:100% !important;
    }
    .textBoxWunschkunden{

        display:block;
        margin-top:0px;
        max-width:100% !important;
	}
}
*/
/*--*/

.kreisGrafikenWunschkundenBlock{
	position:absolute;
	left:65%;
	top:0px;
}
.kreisGrafikWunschkunden{
	position:absolute;
	top:0;
	left:0;
	background: rgba(255,255,255,0.4);
	width:156px;
	height:156px;
	-moz-border-radius:156px; /* Firefox */
	-webkit-border-radius:156px; /* Chrome, Safari */
	-khtml-border-radius:156px; /* Konqueror */
	border-radius:156px; /* CSS3 */
}

.kreisGrafikWunschkunden1{
	top:130px;
	display:none;
}
.kreisGrafikWunschkunden2{
	left:100px;
	top:70px;
	width:204px;
	height:204px;
	-moz-border-radius:204px; /* Firefox */
	-webkit-border-radius:204px; /* Chrome, Safari */
	-khtml-border-radius:204px; /* Konqueror */
	border-radius:204px; /* CSS3 */
}
.kreisGrafikWunschkunden3{
	left:170px;
	top:-130px;
	width:264px;
	height:264px;
	-moz-border-radius:264px; /* Firefox */
	-webkit-border-radius:264px; /* Chrome, Safari */
	-khtml-border-radius:264px; /* Konqueror */
	border-radius:264px; /* CSS3 */
}
/*
.herzWunschkunden{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
*/
.zindex1000{
	z-index:1000;
}

li.listpunktKundenTexteAkkordion .toggle_container{
	padding-top:20px;
	padding-bottom:20px;
}
/*----*/

.ListeOhneListenpunkte, .ListeOhneListenpunkte li, ul.ListeAkkordion li .toggle_container .ListeOhneListenpunkte li{
	list-style-type:none;
}

input, textarea, input[type="checkbox"]{
  /*
	border:1px solid #d8dbde;
    */
    border:2px solid #d8dbde;
}
input, textarea{
	font-size:1.25em;
}

textarea.TextAreaStandard{
	width:100%;
	margin-bottom:30px;
	border-radius:4px;
    padding-left:10px;
}
.ButtonStandard{
	color:#fff;
	background-color:#c7373a;
	text-transform:uppercase;
	box-shadow: 3px 3px 3px 0px rgba(100,100,100,0.55);
	float:right;
	border:none;
    /*
	padding-left:14px;
	padding-right:14px;
    font-size:14px;
    line-height:28px;
    */
    padding-left:18px;
	padding-right:18px;
	line-height:34px;
	font-size:18px;
	position:relative;
}
.ButtonStandard:hover{
	background-color:#d54f52;
}
.ButtonStandard:before{
	content:"\21E2";
	margin-right:5px;
	margin-top:-2px;
	position:relative;
	float:left;
	font-size:2.00em;

}
ul.ListeKontaktFormular{
	padding:0;
	margin:0;
    display:inline-block;
}

ul.ListeKontaktFormular li label{
	text-align:right;
	float:left;
    /*
	width:157px;
    line-height:40px;
    font-weight:300;
    width:157px;
    */
    width:205px;
	margin-right:10px;
	margin-bottom:0;
	font-weight:400;
    /*
	font-size:1.25em;
    */
    font-size:1.50em;
	line-height:50px;
}
ul.ListeKontaktFormular li label.labelForTextfeldStandard{
	text-align:left;
	width:100%;
	margin-top:20px;
    margin-bottom:10px;
}
ul.ListeKontaktFormular li .EingabeFeldStandard{
	float:right;
}
ul.ListeKontaktFormular li .EingabeFeldStandard:focus, textarea.TextAreaStandard:focus{
  /*
	background-color:#efefef;
    */
    border-color:#001721;
    outline: none;
}
ul.ListeKontaktFormularNeu2019 li.ListeKontaktFormularNeu2019Checkboxen{
  column-count: 2;
  column-gap: 10px;
  /*
  column-width: 100px;
  */
  max-width:900px;
}
li.ListeKontaktFormularNeu2019Checkboxen .auswahl-themen .wpcf7-list-item{
 float:none;
 width:auto;
}
ul.ListeKontaktFormularNeu2019 li input.EingabeFeldStandard{
  float:left;
  width:440px;
}

ul.ListeKontaktFormularNeu2019 li.kontakFormularSubmitZeile{
   max-width:440px;
}
/*
ul.ListeKontaktFormularNeu2019 li input.EingabeFeldStandard,
ul.ListeKontaktFormularNeu2019 li textarea.TextAreaStandard
{
  font-style: italic;
}
*/
::placeholder{
  font-style: italic;
}

ul.ListeKontaktFormularNeu2019 li.kontakFormularSubmitZeile label{
  width:30px;
}

.textbereichKontaktformularHinweisNeu2019{
  left:auto !important;
  /*
  right:0;
  */
  right:32%;
}


input.EingabeFeldStandard{
  /*
	width:340px;
    height:40px
    */
    width:350px;
	height:50px;
	border-radius:4px;
    padding-left:10px;
}
ul.ListeKontaktFormular li{
	float:left;
	clear:both;
	width:100%;
    /*
	margin-bottom:10px;
    */
    margin-bottom:20px;
}

ul.ListeKontaktFormular li .auswahl-themen .wpcf7-list-item{

	float:left;
	clear:both;
	width:100%;

	margin-bottom:10px;
}
ul.ListeKontaktFormular li .auswahl-themen .wpcf7-list-item label{
	width:100%;
	text-align:left;
	float:left;

}
ul.ListeKontaktFormular li .auswahl-themen .wpcf7-list-item label input[type="checkbox"]{
	margin-left:5px;
	margin-right:15px;
}

.checkbox-369{
  /*
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	float:left;
	clear:both;
 */
 padding-left:20px;
 position:relative;
 display:inline-block;

}
.checkbox-369 #kopie{
   margin-top:4px;
   display:inline-block;
}

.kontakFormularSubmitZeile{
  padding-top:20px;
}

.CheckBoxKopie .wpcf7-list-item input[type="checkbox"],
.CheckBoxKopie .wpcf7-list-item .wpcf7-list-item-label
{
	float:right;
}
.CheckBoxKopie .wpcf7-list-item .wpcf7-list-item-label
{
	margin-right:10px;
}

/*--*/

ul.ListeKontaktFormular2020{
  list-style-type: none;
  padding: 0;
  margin: 0;
  width:100%;
  max-width:900px;
  display:inline-block;
}
ul.ListeKontaktFormular2020 li{
  /*
	float:left;
	clear:both;
	width:100%;
    */
    margin-bottom:20px;
}
ul.ListeKontaktFormular2020 li .auswahl-themen .wpcf7-list-item{

	float:left;
	clear:both;
	width:100%;

	margin-bottom:10px;
}
ul.ListeKontaktFormular2020 li #auswahl-themen .last{
   margin-bottom:40px;
}

ul.ListeKontaktFormular2020 li .auswahl-themen .wpcf7-list-item label{
	width:100%;
	text-align:left;
	float:left;

}
ul.ListeKontaktFormular2020 li .auswahl-themen .wpcf7-list-item label input[type="checkbox"]{
	margin-left:5px;
	margin-right:15px;
}

ul.ListeKontaktFormular2020 li label{
	margin-right:10px;
	margin-bottom:0;
	font-weight:400;
    font-size:1.50em;
	line-height:50px;
}
ul.ListeKontaktFormular2020 li.ListeKontaktFormularNeu2019Checkboxen{
  column-count: auto;
  column-gap: 0;

  /*
  max-width:900px;
  margin-bottom:40px;
  */

}
ul.ListeKontaktFormular2020 li.ListeKontaktFormularNeu2019Checkboxen{
    margin-bottom:40px;
}

ul.ListeKontaktFormular2020 li input.EingabeFeldStandard{
  /*
  float:left;
  */
  width:100%;
}

ul.ListeKontaktFormular2020 li.kontakFormularSubmitZeile{
   max-width:440px;
}

ul.ListeKontaktFormular2020 li.ListeKontaktFormularNeu2019Checkboxen label{
    font-weight:400;
    line-height:30px;
    font-size:1.25em;
}

@media (min-width: 800px) {

}
@media (min-width: 1100px) {
   ul.ListeKontaktFormular2020 li.ListeKontaktFormularNeu2019Checkboxen{
    column-count: 2;
    column-gap: 10px;

    }
    ul.ListeKontaktFormular2020 li.ListeKontaktFormularNeu2019Checkboxen{
      margin-bottom:20px;
    }

    ul.ListeKontaktFormular2020 li.ListeKontaktFormularNeu2019Checkboxen label{
        font-weight:400;
        line-height:50px;
        font-size:1.5em;
    }
    ul.ListeKontaktFormular2020 li input.EingabeFeldStandard{

      width:440px;
    }
}
/*---*/

.mc4wp-form input[type="text"], .mc4wp-form input[type="email"]{
	text-align:right;
	padding-right:5px;
	background-color: rgba(0,0,0,0.1);
	height:35px;
}
.mc4wp-form input[type="text"], .mc4wp-form input[type="email"], .mc4wp-form input[type="submit"], .mc4wp-form input[type="button"]{
  /*
	font-size:0.90em !important;
    */
    font-size:0.80em !important;
}
.mc4wp-form label{
  font-weight:400 !important;
  font-size: 0.80em;
  display:inline-block !important;
  max-width:210px;
  margin-left:5px;
  text-align:right;
}
.mc4wp-form input[type="checkbox"]{
  float:right;
  display:inline-block !important;
  margin-right:0 !important;
  margin-top:3px !important;
}
input[type="checkbox"]{
  /*
  background-color:#fff;
  */
  visibility:hidden;
  position:relative;
}
/*
.wpcf7-checkbox label
*/
.wpcf7-list-item-label
{
   position:relative;
}
/*
input[type="checkbox"] + label::before {
input[type="checkbox"]::before {
.wpcf7-checkbox label::before {
*/

input[type="checkbox"] + .wpcf7-list-item-label::before {
  width: 20px;
  height: 20px;
  line-height:18px;
  font-size:16px;

  border-radius: 3px;

  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  /*
  border: 1px solid #8cad2d;
  border:1px solid #d8dbde;
  */
  border:2px solid #d8dbde;
  position:absolute;
  top:2px;
  left:-40px;
  visibility:visible;
  /*
  padding-left:2px;
  */
  text-align: center;
}
.CheckBoxKopie .wpcf7-list-item-label{
  margin-left:30px;
}

.CheckBoxKopie input[type="checkbox"] + .wpcf7-list-item-label::before {
   left:auto;
   right: -40px;
}

/*
input[type="checkbox"]:checked+label::before {
.wpcf7-checkbox label:checked::before {
*/
input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  border:1px solid #001721;
  content: "\2713";
}

/*-- div um kontaktseiten-formular --*/
#wpcf7-f570-o1{
	position:relative;
	display:block;
	width:100%;
}
.wpcf7-form{
	position:relative;
	height:100%;
	display:inline-block;
	width:100%;
}
.textbereichKontaktformularHinweis{
	position:absolute;
    /*
	bottom:0px;
    */
    bottom:110px;
	left:110%;
	width:300px;
}
.textbereichKontaktformularHinweis p{
	font-size:1.00em;
}

div.wpcf7-response-output {
	margin: 0;
    padding: 10px;
	margin-left:-10px;
    /*
	margin-top:-5px;
    */
    margin-top:30px;
    max-width:500px;
	width:105%;
	height:107%;
}
div.wpcf7-response-output > * {
	vertical-align: bottom;
}

div.wpcf7 img.ajax-loader {
	display:none;
    border:none;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip, div.wpcf7-mail-sent-ng {
	border:0 !important;
    margin-left:15px;
    display:inline-block;
}
.ButtonStandard:active{
  border:0 !important;

}
.ButtonStandard{
  overflow:hidden;

}

/*----*/

.iconTelefonDavor{
	
}
.iconTelefonDavor:before{
	content:"\2706";
	
	font-size:24px;
	line-height:24px;
	font-weight:600;
	margin-right:5px;
}

/*----*/

hr.horizontLinieTransparent{
  border-color:transparent;
}

.ListeReferenzenHorizontal{
	margin-left:auto;
    margin-right:auto;
	padding:0;
	list-style-type:none;
    max-width:366px !important;
	width:auto;
	float:none;
	clear:both;
    /*
    max-width:none !important;
    display:inline-block;
    */
}



.ListeReferenzenHorizontal li{
	float:none;
    /*
	width:322px;
	margin-right:61px;
	*/
    width:366px;
	margin-right:0px;
    margin-bottom:60px;
}
.ListeReferenzenHorizontal li:last-child{
    margin-bottom:0px;
}

/*
@media (min-width: 980px) {
*/
@media (min-width: 1380px) {
  .ListeReferenzenHorizontal{
     margin:0;
     margin-bottom:0px;
    max-width:100% !important;
	width:100%;
	float:left;
    display:block;
  }
  .ListeReferenzenHorizontal li{
     float:left;
     margin-right:60px;
  }

}

.ListeReferenzenHorizontal li p.ListeReferenzenHorizontalBild img{
  /*
	max-width:322px;
    */
    width:100%;
    max-width:366px;
	height:auto;
    opacity:1;
    transition:opacity 1s ease-in-out;
}
.ListeReferenzenHorizontal li p.ListeReferenzenHorizontalBild img:hover{
   opacity:0.5;
}

.ListeReferenzenHorizontal li p.ListeReferenzenHorizontalBild{
  background-color:#fff;
  transition:background-color 1s ease-in-out;
  margin-bottom:35px;
}
.ListeReferenzenHorizontal li p.ListeReferenzenHorizontalBild:hover{
  background-color:#f44835;
}


.ListeReferenzenHorizontal li:last-child{
	margin-right:0;
}

.ListeReferenzenHorizontal li a:hover{
	text-decoration:none;
}

.ListeReferenzenHorizontal li h3{
	font-size:1.80em;
	line-height:1.20em;
	margin-bottom:0;
}
.ListeReferenzenHorizontal li h3{
	
}
.ListeReferenzenHorizontal li p.ListeReferenzenHorizontalBranche{
  /*
	font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
    */
    font-weight: 700;
	color:#2c454d;
}
.ListeReferenzenHorizontal li p.ListeReferenzenHorizontalText,
.ListeReferenzenHorizontal li p.AbsatzLinkMitPfeilkreisDavorStandard
{
  /*
	font-size:1.10em;
    */
   font-size:1.25em;
}

/*---*/




@media (max-width: 800px) {
	.ListeReferenzenHorizontal li{
		float:left;
		width:auto;
		margin-right:5px;
		
	}
}
/*
@media (max-width: 600px) {
*/
@media (max-width: 767px) {
	.ListeReferenzenHorizontal li img{
		width:100%;
	}
	
	.h2Groesser, .textDerAussiehtWieH1{
	  /*
		font-size:28px !important;
        margin-bottom:20px;
        */
        font-size:32px !important;
        margin-bottom:25px;
        margin-top:15px;
	}
    h2.h2StandardRotKursivZentriert{
      font-size:28px !important;
    }

	.unsichtbarMobile{
		display:none !important;
	}
	ul.ListeKontaktFormular li label{
		text-align:left;
		width:auto;
	}
	input.EingabeFeldStandard{
	width:100%;
	}

    ul.ListeKontaktFormularNeu2019 li.ListeKontaktFormularNeu2019Checkboxen{
    margin-bottom:40px;
    }

}
@media (max-width: 1400px) {
   .textbereichKontaktformularHinweisNeu2019{
        position:relative;
	bottom:auto;
	left:auto !important;
    right:auto !important;
    clear:both;
	width:100%;
    padding-top:20px;
    }
}
@media (max-width: 1100px) {
    ul.ListeKontaktFormularNeu2019 li.ListeKontaktFormularNeu2019Checkboxen{
      column-count: auto;
      column-gap:0px;
    }
    li.ListeKontaktFormularNeu2019Checkboxen .auswahl-themen .wpcf7-list-item{
     float:none;
     width:auto;
    }
    ul.ListeKontaktFormularNeu2019 li input.EingabeFeldStandard{
      float:left;
      width:100%;
    }

}
@media (max-width: 767px) {
    .ListeReferenzenHorizontal li{
		border-bottom:1px solid #d8dbde;
        margin-bottom:30px;
	}
    .ListeReferenzenHorizontal li:last-child{
      border-bottom:none;
    }

    .textbereichKontaktformularHinweis{
	position:relative;
	bottom:auto;
	left:auto;
    clear:both;
	width:100%;
    padding-top:20px;
    }
    #kontaktdaten:focus{
      border:none;
    }

    ul.ListeKontaktFormular li label{
	    font-weight:400;
        line-height:30px;
        font-size:1.25em;
    }
    .CheckBoxKopie .wpcf7-list-item-label{
      margin-left:0;
    }
    .checkbox-369{
      padding-left:0;
    }

    ul.ListeKontaktFormularNeu2019 li.ListeKontaktFormularNeu2019Checkboxen{
      column-count: auto;
      column-gap:0px;
    }
    li.ListeKontaktFormularNeu2019Checkboxen .auswahl-themen .wpcf7-list-item{
     float:none;
     width:auto;
    }
    ul.ListeKontaktFormularNeu2019 li input.EingabeFeldStandard{
      float:left;
      /*
      width:440px;
      */
      width:100%;
    }

    ul.ListeKontaktFormularNeu2019 li.kontakFormularSubmitZeile{
      /*
       max-width:440px;
       */
       width:100%;
    }
    /*
    ul.ListeKontaktFormularNeu2019 li input.EingabeFeldStandard,
    ul.ListeKontaktFormularNeu2019 li textarea.TextAreaStandard
    {
      font-style: italic;
    }
    */
    ul.ListeKontaktFormularNeu2019 li.kontakFormularSubmitZeile label{
      width:30px;
    }

    .textbereichKontaktformularHinweisNeu2019{
      left:auto !important;
      right:0;
    }

}
/*----*/
/*
.elementMitZielscheibeDahinter{
	background: url('../images/zielscheibe.png') no-repeat top right;
	padding-right:200px;
	height:140px;
}
.elementZielscheibe{
	position:relative;
	float:left;
	display:block;
	background: url('../images/zielscheibe.png') no-repeat top left;
	width:200px;
	height:140px;
}
.titelMitMotivDahinter{
	float:left;
	margin-right:20px;
}
*/

/*---*/

.schriftgroesse140{
	font-size:1.40em;
}
.schriftgroesse120{
	font-size:1.20em;
}

/*---*/

.transformProfil {
  position:fixed;
  z-index:10000000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #253d44;
  color: #bebebe;
}

.innerProfil {
  max-width: 1040px;
  margin: 0 auto;
}

.schliessProfil{
	position:relative;
	cursor:pointer;
	border-bottom:1px solid #bebebe;
	
	min-height:85px;
	
	padding-top:20px;
	padding-bottom:20px;
}

 .schliessProfil p{
	margin-bottom:0;
	line-height:85px;
}

.schliessProfil p a{
	background: transparent url("../images/button-profil-zurueck.png") no-repeat left top;
	padding-left:100px;
	line-height:85px !important;
    height:85px;
    display:block;
}

.innerProfil h3, .innerProfil h4, .innerProfil, .innerProfil h1, .schliessProfil p, .schliessProfil p a, .innerProfil h2, .innerProfil dl.DefinitionListeStandard dt{
	color:#3c5c67;
}
.innerProfil h3, .innerProfil h1{
	font-size:60px;
	text-align:right;
	margin-top:0;
	margin-bottom:5px;
}
.innerProfil h1{
  text-transform: none;
}

.innerProfil h4, .innerProfil h2{
	font-size:24px;
	text-align:right;
	margin-top:0;
	margin-bottom:40px;
}
.innerProfil h2{
  padding-top:0;
}

.profilHeaderBereichGesamt{
	position:relative;
	display:inline-block;
	padding-top:40px;
	margin-bottom:100px;
}

.profilHeaderBereichTitelBereich{
	position:relative;
	float:left;
	width:60%;
}
.profilHeaderBereichTitelBereich2{
	position:relative;
	float:left;
	clear:both;
}
.profilPhilosophie{
	float:left;
	clear:both;
	margin-left:50px;
	clear:both;
	color:#bebebe !important;
	font-style:italic;
	font-weight:600;
}
.portraitGrossansicht{
	float:right;
	width:40%;
	text-align:right;
}

.innerProfil p, .innerProfil ul li{
	color:#f1f1f2;
}


/*----*/

.wp-caption {
	max-width: 100%;
}

.alignleft {
	float: left;

}

.alignright {
	float: right;

}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
    margin-right:50px;
}
blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
    margin-left:50px;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
/*
figure.wp-caption.alignright,
*/

img.alignright {
	margin: 7px 0 35px 35px;
    margin-left:50px;
}
/*
img.alignright {
	margin: 7px 0 7px 24px;
}
.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}
*/
.wp-caption.alignright {
	margin: 7px 0 35px 35px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 24px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
    /*
	font-size: 14px;
    */
    font-size: 16px;
	line-height: 1.5;
	font-style: italic;
	
	margin: 9px 0;
	text-align:right;
	width:inherit;
	padding-right:15px;
}
div.ZweiSpaltenInhaltSpalte1 .wp-caption-text{
  text-align:left;
  padding-left:15px;
}

figure.alignright .wp-caption-text {
	margin-right:10px;
}
figure.alignleft .wp-caption-text {
	margin-left:10px;
}
div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

@media (max-width: 767px) {

    .wp-caption {
      /*
		width:100% !important;
        */
        width:auto;
	}
    .wp-caption-text {
      width:auto;
      }

	.wp-caption img, img.alignnone, img.aligncenter{
	  /*
		width:100% !important;
        */
        width:auto;
        max-width:100%;
		height:auto;
	}
    .wp-caption.alignright {
	margin-left:0;
    }
    blockquote.alignleft,
    figure.wp-caption.alignleft,
    img.alignleft {
      /*
	margin: 7px 24px 7px 0;
    */
    margin-right:0px;
    }
    blockquote.alignright,
    figure.wp-caption.alignright,
    img.alignright {
    margin-left:0px;
    }

    .profilHeaderBereichTitelBereich{
        clear:both;
	    width:100%;
    }
    .portraitGrossansicht{
	float:left;
    clear:both;
	width:100%;
	text-align:left;
    }
    .portraitGrossansicht img{
       max-width:100%;
       height:auto;
    }

     .schliessProfil p{
	margin-bottom:0;
	line-height:25px;
    }

  .alignright, .alignleft {
  	float: none;
     display:block;
  }

    .schliessProfil p a{
	line-height:25px !important;
    height:25px;
      color:#fff;
      padding-left:9px;
      font-size:1.0em !important;
      background:none;
      background-image:url(../images/pfeil-weiss-mobile.png);
      background-repeat:no-repeat;
      background-position:0 10px;
    }

    .innerProfil {
    padding-left:15px;
    padding-right:15px;
    }

    .innerProfil h3, .innerProfil h1{
	font-size:40px;
    }

    .profilHeaderBereichGesamt{
	padding-top:20px;
	margin-bottom:20px;
    }

    .ohneAbstandNachObenMobile{
      padding-top:0 !important;
      margin-top:0 !important;
    }
    .ohneAbstandNachUntenMobile{
      padding-bottom:0 !important;
      margin-bottom:0 !important;
    }

}

@media (max-width: 800px) {
   div.ZweispaltenInhaltGesamtProfilBildLinks img.alignright,
   div.ZweispaltenInhaltGesamtProfilBildRechts img.alignright,
   div.ZweispaltenInhaltGesamtProfilBildLinks img.aligncenter,
   div.ZweispaltenInhaltGesamtProfilBildRechts img.aligncenter
   {
     margin:0;
     float:none;
     display:block;
   }

}
/*---*/

.carouselKundenstimmenHeader{

}

.carouselKundenstimmenHeader > .item {

  -webkit-transition: 4.0s ease-in-out left;
  -o-transition: 4.0s ease-in-out left;
  transition: 4.0s ease-in-out left;
  padding-left:20px;
}

/*---*/

.ListeReferenzBranchen{
  /*
	padding-left:15px;
    */
    padding-left:25px;
    margin-top:15px;
}
.ListeReferenzBranchen li{
  /*
	margin-bottom:15px;
    */
    margin-bottom:20px;
}

.navbar-referenzen .caret{
  margin-left:5px;
}

/*--*/

div.SchichtNachOben{
	position:fixed;
	bottom:100px;
	right:70px;
	display:none;
	z-index:100000;
	width:60px;
	height:60px;
	line-height:60px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    /*
    width:34px;
	height:34px;
	line-height:34px;
    background-color: rgba(111, 107, 112, .65);
	opacity:0.6;
    */
    background-color: rgba(229, 230, 232, 1.0);
	transition: background-color 0.2s linear;
}
div.SchichtNachOben p{
	
}
div.SchichtNachOben:hover{
	cursor:pointer;
	background-color:#d7494d;
}
div.SchichtNachOben a{
	text-decoration:none;
}
div.SchichtNachOben:before{
	content:'';
	position:absolute;
	top:15px;
	left:10px;
	width: 0;
	height: 0;
    /*
    top:12px;
	left:9px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
    */
    border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #a6afb3;
}
div.SchichtNachOben:hover:before {
   border-bottom: 20px solid #fff;
}

div.SchichtNachOben a:hover {

}
/*
@media screen and (max-width:767px) {
*/
@media screen and (max-width:1100px) {
    /*
    div.SchichtNachOben{
		width:0;
		height:0;
		opacity:0;
		background-color:#ffcc22;
	}
    */
    div.SchichtNachOben{
        right:15px;
        bottom:15px;
    }
}
@media screen and (max-width:767px) {
    .ListeReferenzBranchen{
	padding-left:0px;
    }


    div.SchichtNachOben{
	width:26px;
	height:26px;
	line-height:26px;
    }
    div.SchichtNachOben:before{

	top:8px;
	left:5px;
    border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #a6afb3;
    /*
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
    */
    }
    div.SchichtNachOben:hover:before {
        border-bottom: 8px solid #fff;
    }

    .keinPaddingRechtsMobile{
      padding-right:0;
    }
    .keinPaddingLinksMobile{
      padding-left:0;
    }

}
.einBlenderBildStandard img{
	opacity:0;
	animation:einBlende ease-in 1;
	animation-fill-mode:forwards;
	animation-duration:1s;
}
@keyframes einBlende { from { opacity:0; } to { opacity:1; } }

/*---*/


#wpgmza_map{

}
#wpgmza_map > div{
  background-color: transparent !important;
}

/*
.kk-star-ratings{
  clear:both;
  padding-top:26px;

}
*/
@media screen and (max-width:767px) {
    #wpgmza_map{
      /*
     height:150px !important;
     */
     height:190px !important;
    }
    #wpgmza_map_1{
      height:200px !important;
    }

}

.ListeSuchergebnis{

}
.ListeSuchergebnis li{
    margin-bottom:40px;
}
.ListeSuchergebnis li a:hover{
   text-decoration:none;
}

/*-- anfang ubermenu --*/
/*
.ubermenu .ubermenu-item .ubermenu-submenu-drop{
   z-index:100000000000 !important;
}

.ubermenu, .ubermenu .ubermenu-column, .ubermenu .ubermenu-divider, .ubermenu .ubermenu-icon, .ubermenu .ubermenu-image, .ubermenu .ubermenu-item, .ubermenu .ubermenu-nav, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-row, .ubermenu .ubermenu-search, .ubermenu .ubermenu-search-input, .ubermenu .ubermenu-search-submit, .ubermenu .ubermenu-submenu, .ubermenu .ubermenu-submenu-footer, .ubermenu .ubermenu-tabs, .ubermenu .ubermenu-tabs-panels, .ubermenu .ubermenu-target, .ubermenu-responsive-toggle{
  z-index:1000000000 !important;
}

.ubermenu, .ubermenu-nav{
    z-index:1000000000 !important;
}
*/
/*-- ende ubermenu --*/

/*
.kk-star-ratings .kksr-legend{
  color:#fff;
}
*/
/*
a.shariff-link,
li.shariff-button
{
  background-color:#a9afb2 !important;
  transition: background-color 0.5s linear;
}

a.shariff-link:hover,
li.shariff-button:hover
{
  background-color:#c7373a !important;
}
*/

/*
@media (max-width: 949px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {

    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {

    }
}
*/
@media (min-width: 950px) {
  /*
  .navbar-collapse.collapse {
        display: block !important;
    }
    */
    /*
  .hauptmenueHorizontal{
     display: none!important;
  }
  */
}
/*-- anfang drucken --*/
@media print {
   .carouselKundenstimmen{
       float:left !important;
       width:400px !important;
       position:absolute;
       right:0;
       top:50px;
       display:block !important;
       border:none;
   }
   .zeileTopLogo img{
       max-width:220px !important;
       height:auto;
   }
   #SuchFormHeader{
     display:none;
   }
   .nav > li {
    margin-right: 10px !important;
}
.navbar-default .navbar-nav > li > a {
    font-size: 1.0em !important;
    padding:4px !important;
}
.toolLeisteImInhaltsbereich, .spalteLinklisteDirektZu, .zeile-unter-footer, .spalte1bei2spaltig{
  display:none !important;
}
.spalte2bei2spaltig, .box-2-spaltig{
  width:100% !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.toggle_container, ul.ListeAkkordion li .toggle_container{
  display:block !important;
}

.carouselKundenstimmenHeader > .item {
    border:none !important;
}
.carousel-inner {

}
h1, h2{
  color:#d7494d !important;
}

}