/*
	Theme Name: ID & A based on HTML5 Blank Theme
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
body {background: #f6f6f4;/*#F7F7F7;*/}

/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

    .carousel-item {
        overflow: hidden;
        position: relative;
    }
    
    .carousel-item img {
        transform-origin: center;
        transition: transform 5s ease-in-out;
        transform: scale(1.1);
    }
    
    .carousel-item.active img {
        transform: scale(1.2);
    }
    
    /* Alternative Zoom-Richtungen für Abwechslung */
    .carousel-item:nth-child(odd) img {
        transform-origin: left top;
    }
    
    .carousel-item:nth-child(even) img {
        transform-origin: right bottom;
    }
    
    /* Langsamer Zoom während der aktiven Slide */
    .carousel-item.active img {
        animation: kenBurns 5s ease-in-out infinite alternate;
    }
    
    @keyframes kenBurns {
        0% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1.2);
        }
    }
    
    /* Variationen für verschiedene Slides */
    .carousel-item:nth-child(1).active img {
        animation: kenBurnsLeft 5s ease-in-out infinite alternate;
    }
    
    .carousel-item:nth-child(2).active img {
        animation: kenBurnsRight 5s ease-in-out infinite alternate;
    }
    
    .carousel-item:nth-child(3).active img {
        animation: kenBurnsUp 5s ease-in-out infinite alternate;
    }
    
    @keyframes kenBurnsLeft {
        0% {
            transform: scale(1.1) translateX(0);
        }
        100% {
            transform: scale(1.2) translateX(-20px);
        }
    }
    
    @keyframes kenBurnsRight {
        0% {
            transform: scale(1.1) translateX(0);
        }
        100% {
            transform: scale(1.2) translateX(20px);
        }
    }
    
    @keyframes kenBurnsUp {
        0% {
            transform: scale(1.1) translateY(0);
        }
        100% {
            transform: scale(1.2) translateY(-20px);
        }
    }
#carouselHighlightsStandort  .carousel-item:nth-child(1).active img {
        animation: kenBurnsLeft 10s ease-in-out infinite alternate;
    }
    
    #carouselHighlightsStandort  .carousel-item:nth-child(2).active img {
        animation: kenBurnsRight 10s ease-in-out infinite alternate;
    }
    
    #carouselHighlightsStandort  .carousel-item:nth-child(3).active img {
        animation: kenBurnsUp 10s ease-in-out infinite alternate;
    }

@font-face{font-family:'AvenirLT-Roman';src:url("webfonts/2ABC1A_0_0.eot");src:url("webfonts/2ABC1A_0_0.eot?#iefix") format("embedded-opentype"),url("webfonts/2ABC1A_0_0.woff") format("woff"),url("webfonts/2ABC1A_0_0.ttf") format("truetype")}
@font-face{font-family:'AvenirLT-Book';src:url("webfonts/2ABC1A_1_0.eot");src:url("webfonts/2ABC1A_1_0.eot?#iefix") format("embedded-opentype"),url("webfonts/2ABC1A_1_0.woff") format("woff"),url("webfonts/2ABC1A_1_0.ttf") format("truetype")}
@font-face{font-family:'AvenirLT-Light';src:url("webfonts/2ABC1A_2_0.eot");src:url("webfonts/2ABC1A_2_0.eot?#iefix") format("embedded-opentype"),url("webfonts/2ABC1A_2_0.woff") format("woff"),url("webfonts/2ABC1A_2_0.ttf") format("truetype")}
@font-face{font-family:'AvenirLTStd-Black';src:url("webfonts/2ABC1A_3_0.eot");src:url("webfonts/2ABC1A_3_0.eot?#iefix") format("embedded-opentype"),url("webfonts/2ABC1A_3_0.woff") format("woff"),url("webfonts/2ABC1A_3_0.ttf") format("truetype")}
@font-face{font-family:'DidotLTStd-Roman';src:url("webfonts/2ABD55_0_0.eot");src:url("webfonts/2ABD55_0_0.eot?#iefix") format("embedded-opentype"),url("webfonts/2ABD55_0_0.woff") format("woff"),url("webfonts/2ABD55_0_0.ttf") format("truetype")}
@font-face{font-family:'DidotLTStd-Bold';src:url("webfonts/2ABD55_1_0.eot");src:url("webfonts/2ABD55_1_0.eot?#iefix") format("embedded-opentype"),url("webfonts/2ABD55_1_0.woff") format("woff"),url("webfonts/2ABD55_1_0.ttf") format("truetype")}
@font-face{font-family:'AvenirLTStd-Heavy';src:url("webfonts/2AE0F2_0_0.eot");src:url("webfonts/2AE0F2_0_0.eot?#iefix") format("embedded-opentype"),url("webfonts/2AE0F2_0_0.woff") format("woff"),url("webfonts/2AE0F2_0_0.ttf") format("truetype")}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSansRegular';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/open-sans-v43-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.kontaktIcon {displaY:inline;width:20px;padding-right:10px}
#kontaktLogo {width:100px;}
p.widthIcon {position: relative;padding-left:40px;}
p.widthIcon:before {content:'';position:absolute;width:25px;height:25px;left:0;top:0;background-position: center;background-size: contain;background-repeat: no-repeat;}
p.widthIcon.phone:before {background-image: url(img/icon-phone-blue.svg);}
p.widthIcon.fax:before {background-image: url(img/icon-fax-blue.svg);}
p.widthIcon.mail:before {background-image: url(img/icon-mail-blue.svg);}
footer p.widthIcon.phone:before {background-image: url(img/icon-phone-white.svg);}
footer p.widthIcon.fax:before {background-image: url(img/icon-fax-white.svg);}
footer p.widthIcon.mail:before {background-image: url(img/icon-mail-white.svg);}
.footer {background:#022065;}
.footer p, .footer  a, .footer  ul {color:white;}
.goldBG h4 {color:#000040;font-family: 'OpenSansRegular';font-size:20px;text-transform:uppercase;font-weight:bold;}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/
.wrapper {position: relative;width:100%;overflow-x:hidden;}
img, object, video {width:100%;height:auto;}
.navbar-brand {max-width:150px;width:30%;}
#homeHolder {position:absolute;top:13rem;left:0;width:100%;}
#homeHolder h1 {font-family:'AvenirLTStd-Heavy';font-size:70px;color:#022065;/*display: inline-block;
  padding: 1rem;
  background-color: rgba(0,0,0,0.2);
  border-radius: 10px;*/width:70%;max-width:620px;}
#homeHolder h1 span {font-family:'DidotLTStd-Bold';font-style: italic}
a.downarrow-w {position: absolute;bottom:0;left:45%;width:100px;height:100px;background-image:url('img/arrow-white.svg');background-size: contain;background-position: center;background-repeat: no-repeat;transform: translateX(50%);}
.mitLinkemRand {border-left:2px solid #012169}
p {font-family: 'OpenSansRegular';color:#000040;font-size:16px;}
.textwidget p:last-child {padding-bottom:0;margin-bottom:0;}

h2 {font-family:'AvenirLTStd-Heavy';font-size:55px;color:#022065}
h2 span {color:#C5A2C9;font-family:'DidotLTStd-Bold';font-style: italic;font-size:60px;}

ul#extra-menu {list-style: none;}
ul#extra-menu li {border-bottom:1px solid white;display:block;padding:15px 0;}
ul#extra-menu li:last-child {border-bottom:0px solid white;}
ul#extra-menu li a {text-transform: uppercase;}

.referenz-text {margin-top:90px;}
.blueBG{background:#022065;}
.beneathRef {min-height:90px;}
a.googlemapLink {width:60px;padding:15px 0;}
.goldBG {background:#C4A874}
@media only screen and (min-width:1400px) {
.referenz-excerpt {min-height:507px;}
}
.referenz-excerpt p{font-family: 'OpenSansRegular';color:white;font-size:14px;}
.referenz-excerpt p a{color:white;text-decoration: underline;}
.mailLink {display:block;width:50px;}

h3.referenz-title {color:#022065;font-family:'DidotLTStd-Bold';font-size:30px;text-transform: uppercase;}

h2.widthBorderLeft {border-left:2px solid #012169;padding-left:15px;}
.refBorderBottom {height:80px;width:2px;background:#012169;}

.moreRefHolder {background:#D6BFD9;padding:4rem 5rem;}
.moreRefHolder a {color:#000040;font-family:'AvenirLTStd-Heavy';font-size:55px;border-left:2px solid #012169;line-height:1;padding-left:3rem;display:block;margin-left:8.6rem;}
.moreRefHolder a span {color:#000040;font-family:'DidotLTStd-Bold';font-style: italic;font-size:60px;}


@media only screen and (min-width:992px) {
.even {position:relative;}
.even:before {content:'';position: absolute;top:90px;bottom:0;width:100%;left:-100%;background-color:#022065}
.even .referenz-text{position:relative;}
.even .referenz-text:before {content:'';position: absolute;top:0px;bottom:0;width:100%;left:-100%;background-color:#022065}

.odd {position:relative;}
.odd:after {content:'';position: absolute;top:90px;bottom:0;width:100%;right:-100%;background-color:#022065}
.odd .referenz-text{position:relative;}
.odd .referenz-text:after {content:'';position: absolute;top:0px;bottom:0;width:100%;right:-100%;background-color:#022065}

}
img.footerLogo {width:100px;}
header {}
.parallax {position:relative;width:100%;height:900px;position: relative;}

.bg-wrap {

    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;z-index:-100;
}
.bg {position: fixed;display: block;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;-webkit-transform: translateZ(0);transform: translateZ(0);will-change: transform;z-index: 2}

.offcanvas {background: #E7D8E0;
background: linear-gradient(180deg, rgba(231, 216, 224, 0.8) 0%, rgba(162, 176, 213, 0.8) 100%, rgba(237, 221, 83, 0.8) 100%);}




.offcanvas #header-menu a {color:#000040; font-family: 'AvenirLTStd-Heavy';font-size:30px;}
.offcanvas #header-menu li {padding-bottom:2rem;}
.carousel-indicators button {}
.carousel-indicators button.active {background:#022065;border:1px solid #022065;}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  background-color:#E7D8E9;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
 width:10px;height:10px;border:1px solid #E7D8E9;border-radius:100%;opacity:1
  transition: opacity .6s ease;
}

#toTop {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  width:70px;
  background: rgba(255, 255, 255, 0.8);
  padding: 15px;
  border-radius: 5px;
  text-decoration: none;
  transition: opacity 0.4s ease;
  z-index: 1000;
}

#toTop.visible {
  opacity: 1;
  pointer-events: auto;
}
.googleSmall a {width:50px;display:block;margin:0 auto;}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1400px) {
	.container {max-width:95%!important}
	.moreRefHolder a {
 
  margin-left: 19%;
}
}
@media only screen and (max-width:992px) {
	.moreRefHolder a {
  color: #000040;
  font-family: 'AvenirLTStd-Heavy';
  font-size: 55px;
  border-left: 0px solid #012169;
  line-height: 1;
  padding-left: 0rem;
  display: block;
  margin:0 auto;
  text-align:center;
}
	.beneathRef {
  min-height: 0;
}
.referenz-excerpt {min-height:auto;}
.referenz-text {margin-top:0px;}
	#homeHolder h1 {
  font-family: 'AvenirLTStd-Heavy';
  font-size: 40px;
  color:#022065;
  width:50%;
}
#homeHolder h1 span{margin-left:-3px!important;}
a.downarrow-w {
  position: absolute;
  bottom: 0;
  left: 45%;
  width: 70px;
  height: 70px;
  background-image: url('img/arrow-white.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateX(50%);
}
}
@media only screen and (max-width:768px) {
	ul.footernav {margin-left:0;padding-left:0;}
 a.downarrow-w {
    position: absolute;
    bottom: 0;
    left: 45%;
    width: 50px;
    height: 50px;
    background-image: url('img/arrow-white.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateX(50%);
  }
  #homeHolder{top:7rem;}
}

@media only screen and (max-width:600px) {
    h2 {
  font-family: 'AvenirLTStd-Heavy';
  font-size: 45px;
  color: #022065;
}
h3.referenz-title {
  color: #022065;
  font-family: 'DidotLTStd-Bold';
  font-size: 25px;
  text-transform: uppercase;
}
h2 span {
  color: #C5A2C9;
  font-family: 'DidotLTStd-Bold';
  font-style: italic;
  font-size: 50px;
}
	.offcanvas #header-menu a {color:#000040; font-family: 'AvenirLTStd-Heavy';font-size:20px;}
	 a.downarrow-w {
    position: absolute;
    bottom: 0;
    left: 42%;
    width: 50px;
    height: 50px;
    background-image: url('img/arrow-white.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateX(50%);
  }
  #homeHolder{top:80px;}
	#homeHolder h1 {
  font-family: 'AvenirLTStd-Heavy';
  font-size: 30px;
  color:#022065;width:70%;

}
	.moreRefHolder {background:#E7D8E9;padding:1rem 2rem;}
.moreRefHolder a {color:#000040;font-family:'AvenirLTStd-Heavy';font-size:45px;border-left:0px solid #012169;line-height:1;padding-left:0rem;display:block;margin-left:15px;}
.moreRefHolder a span {font-size:45px;}


a.googlemapLink {
  width: 40px;
  padding: 15px 0;
}
.mailLink {display:block;width:30px;}
}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}