/*
CTC Separate Stylesheet
Updated: 2017-03-14 20:25:55
Theme Name: Divi Child 02
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes + V O L K E R  W E D D I G E
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.34.1489519555
*/

/* --------------------------------- eigene Aenderungen ab hier --------------------------------- */

#main-header {
	-moz-box-shadow: 0px 3px 0px 0px #636363 !important;
	-webkit-box-shadow: 0px 3px 0px 0px #636363 !important;
	box-shadow: 0px 3px 0px 0px #636363 !important;
}

#main-header.et-fixed-header {
	-moz-box-shadow: 0px 2px 0px 0px #636363 !important;
	-webkit-box-shadow: 0px 2px 0px 0px #636363 !important;
	box-shadow: 0px 2px 0px 0px #636363 !important;
}
#top-header .container {
    font-weight: 500;
    padding-top: 0.5em;
}
#et-top-navigation {
    font-weight: 500 !important;
}
#et-secondary-nav li {
    margin-right: 0px !important;
    vertical-align: center !important;
}

#et-info, #et-secondary-menu > ul > li a {
	display: inline-block;
	background-color: #009ab0;
	padding: 9px 20px 8px 20px;
	margin-left: 10px;
	margin-top: -20px;
	color: #fff;
}
/* --- Listen Style --- */

ul.hinteregger-bullet {
    color: #009ab0;
    padding-left: 50px;
}
/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {
		ul.hinteregger-bullet {
		    padding-left: 33px;
		}
}
/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {
		ul.hinteregger-bullet {
		    padding-left: 17px;
		}
}
ul.hinteregger-bullet p {
    color: #666;
}
/* --- Listen Style ---END--- */
/* --- Team --- */

.et_pb_member_position {
    color: #666;
}
/* OWN Footer Menu  ----------------------------------------------------------------------------------------   */

/* Responsive Styles Tablet And Below */
	@media all and (min-width: 980px) {
	#footer-info {
	    float: none;
	    text-align: center;
	}
	#main-footer {
	bottom: 0; 
	position: fixed; 
	width: 100%; 
	z-index: 999;
	}
	/*    footer-bottom wenn wieder on dann:  padding: 15px 0 5px;  */
	#footer-bottom {
	    padding: 0 ;
	}
	/*    footer-bottom wenn wieder on dann:  padding: 15px 0 5px;  */
	
	
	.bottom-nav, .bottom-nav a, .bottom-nav li.current-menu-item a {
	    color: #ffffff;
	   padding: 0;
	   margin: 0;
	   display: -webkit-box;
	   display: -webkit-flex;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-pack: justify;
	   -webkit-justify-content: space-between;
	   -ms-flex-pack: justify;
	   justify-content: space-between;
	}
	
	.bottom-nav li {
		   margin: 0.5em 0;
		font-size: 12px ;
	    font-weight: 500 !important;
	}
	.bottom-nav li:last-child {
	   text-align: right;
	   padding-right: 0px;
	}
}
/*    footer-bottom wenn wieder on dann:  padding: 15px 0 5px;  */
#footer-bottom {
    padding: 0 ;
}
/*    footer-bottom wenn wieder on dann:  padding: 15px 0 5px;  */
.bottom-nav li {
	   margin: 0.5em 0;
	font-size: 12px ;
    font-weight: 500 !important;
}

/* OWN Footer Menu  -------------------------------------- END ---------------------------------------------   */


/* eigene Tabellenformatierung als il ul */

#tabelle-hinteregger ul {
	   padding: 0;
	   margin: 0;
           list-style: none;       
	   display: -webkit-box;   
	   display: -webkit-flex;   
	   display: -ms-flexbox;   
	   display: flex;   
	   -webkit-box-pack: justify;   
	   -webkit-justify-content: space-between;   
	   -ms-flex-pack: justify;   
	   justify-content: space-between;   
}

#tabelle-hinteregger ul:nth-of-type(even) {
	   background-color: #d9eef1;
}

#tabelle-hinteregger ul li {
	   margin: 0;
	   text-align: center;
	   width: 33%;
}

#tabelle-hinteregger ul li:first-child {
	   text-align: left;
	   padding-right: 0px;
}

#tabelle-hinteregger ul li:last-child {
	   text-align: right;
	   padding-right: 0px;
}

/* ------------------Back To Top Button COLOR--and-responsiv-size------------------- */
	/* back to top button FARBE fuer alle */
.et_pb_scroll_top.et-pb-icon {
    background: rgba(0, 154, 176, 0.7) none repeat-scroll 0 0 !important;
}
/* ------------------Back To Top Button COLOR--and responsiv-size--------------END--- */

/* ueberlappende module über eine section -------------------------------- */
.section-overlap:before {
content:'';
width:100%;
position:absolute;
height:18%;
top:-18%;
z-index:1;
background-color:#cecece;
}
  
.cta-overlap {
 z-index:2;
}
/* ueberlappende module über eine section -----------------------------ENDE */

/* ---- vollweitBild nur auf desktop hoehe begrenzen ------------*/
/* Responsive Styles Tablet And Below */
	@media all and (min-width: 980px) {
	.et_pb_fullwidth_image {
		height: 500px;
		margin: auto;
		}
}
/* -------- styling divi's own slider (obsolete) ---------*/

/* Gradient transparent - color - transparent ------*/ 
hr.style-two { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 154, 176, 0), rgba(0, 154, 176, 0.75), rgba(0, 154, 176, 0)); }

hr {
    margin: 50px 0 5px;
}

/* Dot Navigation higher position 135 */
.et-pb-controllers {
	bottom: 135px !important;
}



/* DOT - NAVIGATION GENERAL STYLES */
.dotstyle-smalldotstroke .et-pb-controllers a,
.dotstyle-flip .et-pb-controllers a,
.dotstyle-puff .et-pb-controllers a,
.dotstyle-fall .et-pb-controllers a {
      width: 15px !important;
      height: 15px !important;
      -webkit-border-radius: 50% !important;
      -moz-border-radius: 50% !important;
      border-radius: 50% !important;
}


/* --- dot-nav-STYLE 3D FLIP */
.dotstyle-flip .et-pb-controllers a {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
 
.dotstyle-flip  .et-pb-controllers a {
    background-color: transparent;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
 
.dotstyle-flip .et-pb-controllers a::before,
.dotstyle-flip .et-pb-controllers a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: white;
    content: '';
    text-indent: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
 
.dotstyle-flip .et-pb-controllers a::after {
    background-color: #009ab0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
 
.dotstyle-flip .et-pb-controllers a:hover,
.dotstyle-flip .et-pb-controllers a:focus {
    opacity: 0.8;
}
 
.dotstyle-flip .et-pb-controllers a.et-pb-active-control {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/* --- END dot-nav-STYLE 3D FLIP */
/* END of DOT - NAVIGATION GENERAL STYLES */


.et-pb-active-slide .et_pb_slide_image, .et-pb-active-slide .et_pb_slide_video {
 animation-name: fadeLeft;
}

/* ---------- Contact Formular Style Settings ------------------ */
/* --------contactformular input field reduced padding ----*/
.et_pb_contact p input, .et_pb_contact p textarea {
    padding-top: 11px !important;
    padding-right: auto !important;
    padding-bottom: 10px !important;
    padding-left: auto !important;
}
/* ########################################################################################################################## */
    /*-----Shutter Effect-----*/
    .ds-hover-1 {
        display: inline-block;
    	position: relative;
	height: 200px;
	width: 200px;
    	margin: 0px;
    	overflow: hidden;
    }
    .ds-hover-1::after {
    	content: attr(ds-title);
    	position: absolute;
    	color: #fff;
        z-index: 1;
    	top: 0px;
    	width: 500%;
    	background: rgba(0,0,0,0.25);
    	font-size: 30px;
    	color: #fff;
    	padding: 21px 5% 21px 5%;
    	-webkit-transform: translateY(-100%);
    	-moz-transform: translateY(-100%);
    	transform: translateY(-100%);
        -webkit-transition: -webkit-transform 0.3s ease-in-out; 
    	-moz-transition: -moz-transform 0.3s ease-in-out; 
    	transition: transform 0.3s ease-in-out; 
    }
    .ds-hover-1::before {
    	content: attr(ds-desc);
    	position: absolute;
    	height: 100%;
    	color: #fff;
    	z-index: 1;
    	top: 66px;
    	width: 90%;
    	background: rgba(0,154,176,0.5);
    	font-size: 14px;
	font-weight: 600;
	text-align: left;
    	padding: 5% 5% 5% 5%;
    	-webkit-transform: translateY(100%);
    	-moz-transform: translateY(100%);
    	transform: translateY(100%);
        -webkit-transition: -webkit-transform 0.3s ease-in-out; 
    	-moz-transition: -moz-transform 0.3s ease-in-out; 
    	transition: transform 0.3s ease-in-out; 
    }
	@media only screen and (max-width: 768px) {
	    /* For mobile phones: */
		.ds-hover-1::before {
    		    top: 62px;
		}
    }
    .ds-hover-1:hover::after,
    .ds-hover-1:hover::before {
    	-webkit-transform: translateY(0%);
    	-moz-transform: translateY(0%);
    	transform: translateY(0%);
    }
/* ############################################################################################## */
	.ds-hover-2 {
		display:inline-block;
		position:relative;
		overflow:hidden;
			height: 200px;
		background:rgba(0, 0, 0, 0.2);
		-webkit-transition:background 0.3s ease-in-out;
		-moz-transition:background 0.3s ease-in-out;
		transition:background 0.3s ease-in-out
	}
	.ds-hover-2:hover{
		background:rgba(0, 0, 0, 0)
	}
	.ds-hover-2 img{
		display:block;
		max-width:100%;
			height: 200px;
		-webkit-transition:-webkit-transform 0.3s ease-in-out;
		-moz-transition:-moz-transform 0.3s ease-in-out;
		transition:transform 0.3s ease-in-out
	}
	.ds-hover-2:hover img{
		-webkit-transform:translateX(100%);
		-moz-transform:translateX(100%);
		transform:translateX(100%)
	}
	.ds-hover-2::before,
	.ds-hover-2::after{
		position:absolute;
		width:100%;

		-webkit-transform:translateX(-100%);
		-moz-transform:translateX(-100%);
		transform:translateX(-100%);
		-webkit-transition:-webkit-transform 0.3s ease-in-out;
		-moz-transition:-moz-transform 0.3s ease-in-out;
		transition:transform 0.3s ease-in-out
	}
	.ds-hover-2::before{
		z-index:1;
		content:attr(ds-title);
		/* height:30%; */
    		background: rgba(255,255,255);
		color: rgba(0,154,176);
		font-size:30px;
    		padding: 21px 5% 21px 5%;
	}
	.ds-hover-2::after{
					z-index:1;
		content:attr(ds-desc);
		top:30%;
		height:70%;
    		width: 90%;
    		background: rgba(0,154,176);
		color:#fff;
		font-size:14px;
		text-align: justify;
		padding:5%
	}
	.ds-hover-2:hover::before,
	.ds-hover-2:hover::after{
		-webkit-transform:translateX(0%);
		-moz-transform:translateX(0%);
		transform:translateX(0%)
	}
/* ############################################################################################## */

/* # ACHTUNG ## qtranslater-x nach dem DatenDUMP ####################################################################################### */
.nav li ul {
    float: right;
    padding: 0;
    right: 0;
    text-align: right;
    width: auto;
    width: 130px;
    position: absolute;
    background: rgba(255, 255, 255, 0.65) none repeat scroll 0 0;
}
#top-menu li li {
    padding: 0;
    margin: 0;
}
#top-menu li li a {
    padding-right: 20px;
    width: 130px;
}
#top-menu li li a img {
    float: right;
    padding-top: 8px;
    padding-left: 4px;
}
/* ################################################ */

/* Bouncing Arrow-Down Butto */
.et_pb_fullwidth_header .et-pb-icon.scroll-down {
	animation: fullwidth-header-bounce 2.7s ease-out infinite;
}
@keyframes fullwidth-header-bounce {
  0% { transform:translateY(0%); }
  12.5% { transform:translateY(20%); }
  25% { transform:translateY(0%); }
  37.5% { transform:translateY(20%); }
  50% { transform:translateY(0%); }
}
@media (min-width: 1405px){
	.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a .et-pb-icon {
		font-size: 0px !important;

    }
}