/* ------------------------*/ /* ---------->>> OUTLINE <<<-----------*/ /* ------------------------*/

/*------------------------------------------------------------------
[Layout]

* body
	+ Header / #header
		- Navigation
	+ Content / #content
		– Home
			- Slider
			- Teaser-Box
		– Product
			– Product-Preview-Box
			– Product-Slider
			– Product-Highlight
			– Product-Description
			– Product–Additional–Boxes
		– Article / Blog-Detail
			– Siderbar + Boxes
			– Headline
			– Teaser
			– Body
		– Blog-Overview
			– Post-Teaser
	+ Footer / #footer

Navigation	  #navbar
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
# [Color codes]

# orange (text/background/lines): #f59b10
# dark green (text/background/seperator lines): #006067
# really light grey (box background): #f4f4f4
# light grey (search text/seperator lines): #e6e6e6
# medium grey (text): #a5a5a5
# dark grey(text/footer background): #4c626c
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]
font-family: 'Titillium', sans-serif;

Body:		
Header:
Sub-Header:		
Input, textarea:	
Button: 

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

/*------------------------------------------------------------------
# [Style Guide]

# CSS attributes are ordered alphabetically
-------------------------------------------------------------------*/
@import url('//fonts.googleapis.com/css?family=Roboto');

/* ------------------------*/ /* ------------------------*/
::-webkit-input-placeholder {
   color: #e6e6e6;
}

:-moz-placeholder { /* Firefox 18- */
   color: #e6e6e6;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #e6e6e6;  
}

:-ms-input-placeholder {  
   color: #e6e6e6;  
}

/* ---------->>> BODY <<<-----------*/
body{
	font-family: 'Roboto', sans-serif !important;
	padding-bottom: 0;
	padding-top: 50px;
	min-height: 0;
}
body, h1, h2, h3 {
	font-weight: lighter;
}
a, a:hover, a:focus {
	color: #f59b10;
	text-transform: none;
	outline: none;
}

h1 {
	text-align: left;
	font-size: 3em;
	color: #006068;
}
h2 {
	text-align: left;
	font-size: 2em;
	color: #4c626c;
}
h3 { 
	text-align: left;
	font-size: 2em;
	color: #006068;
}
h4 { 
	text-align: left;
	font-size: 1.2em;
	color: #006068;
	font-weight: bolder;
	line-height: 1.5;
}
.inred {
	color: red;
}
img {
	max-width: 100%;
	height: auto;
}
.btn.focus, .btn:focus, .btn:hover {
	color: #f59b10;
	outline: none;
	text-decoration: none;
}
.btn-primary, .btn-primary.focus, .btn-primary:focus{
	background-color: transparent;
	border: 2px solid #f59b10;
	border-radius: 0;
	color: #f59b10;
	font-size: 18px;
	font-weight: lighter;
	height: 45px;
	padding: 8px 16px;
	width: 220px;
}
.btn-primary:hover, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
	background-color: #f59b10;
	border-color: #f59b10;
	color: #fff;
}
button:focus, input:focus, select:focus, textarea:focus{
    outline: none;
}
.clearer{clear: both;}

/* section highlights */
.white-highlighted { background-color: #ffffff; }
.silver-highlighted { background-color: #d9e4e9; }
.lime-highlighted { background-color: #87b2b7; }
.orange-highlighted { background-color: #f59b10; }
.grey-highlighted { background-color: #afafaf; }
.brightorgange-highlighted { background-color: #faecc8; } /* war: #ffdeb9  */
.green-highlighted { background-color: #006068; }
.darkgreen-highlighted { background-color: #004d58; }
.brightgreen-highlighted { background-color: #45aab4;}
.darkgrey-highlighted { background-color: #333333; }

.green-background-img {
	background-image: url("/images/Themenkarusell_Hintergrund.jpg");
	background-repeat: repeat-x;
}
.white-highlighted .glyphicon { color: #4c626c; }
.white-highlighted .glyphicon:hover { color: #f59b10; }
.silver-highlighted .glyphicon { color: #4c626c; }
.silver-highlighted .glyphicon:hover { color: #f59b10; }
.green-background-img .glyphicon { color: #ffffff; }
.green-background-img .glyphicon:hover { color: #f59b10; }

/*******************/
/* Headbanner      */
/*******************/
.headbanner {
	position: relative;
	top: 264px;
	height: 135px;
}
.headbanner .row {
	padding: 0px 15px;
}
.headbanner h1 {
	font-size: 3em;
	color: #f59b10;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.headbanner p {
	color: white;
	text-align: left;
	font-size: 2em;
	margin-bottom: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.darkbackground {
	background: rgba(0, 0, 0, 0.6);
}

.phone-background-img {
	background-image: url("/images/Website_Uebersicht_Telefone.jpg");
    background-position: center;
	min-height: 500px;
}
.wireless-background-img {
	background-image: url("/images/banner-landingpage-wireless.jpg");
    background-position: center;
	min-height: 500px;
}
.gateway-background-img {
	background-image: url("/images/Website_Uebersicht_Gateways.jpg");
    background-position: center;
	min-height: 500px;
}

.banner-background-img {
    background-position: center;
	min-height: 500px;
}
@media(max-width: 1200px){
	.phone-background-img { background-image: url("/images/Website_Uebersicht_Telefone.jpg"); }
	.wireless-background-img { background-image: url("/images/banner-landingpage-wireless.jpg"); }
	.gateway-background-img { background-image: url("/images/Website_Uebersicht_Gateways.jpg"); }
}
@media(max-width: 992px){
	.phone-background-img { background-image: url("/images/Website_Uebersicht_Telefone_sm.jpg"); }
	.wireless-background-img { background-image: url("/images/banner-landingpage-wireless-sm.jpg"); }
	.gateway-background-img { background-image: url("/images/Website_Uebersicht_Gateways_sm.jpg"); }
	.headbanner { top: 315px; }
}
@media(max-width: 768px){
	.phone-background-img { background-image: url("/images/Website_Uebersicht_Telefone_xs.jpg"); min-height: 300px; }
	.wireless-background-img { background-image: url("/images/banner-landingpage-wireless-xs.jpg"); min-height: 300px; }
	.gateway-background-img { background-image: url("/images/Website_Uebersicht_Gateways_xs.jpg"); min-height: 300px; }
	.headbanner { top: 150px; height: 100px; }
	.headbanner h1 { font-size: 2em; }
	.headbanner p { font-size: 1em; }
}

/* --- Headbanner --- */

/* social media icons */
div#social { 
	text-align: center;
}
div#social a {
	padding: 0px 20px;
	margin: 0px 40px;
}
div#social a:focus {
	outline: none;
}
.btn-social-media {
    position: relative;
    margin: 10px;
    transition: 0.3s ease;
    cursor: pointer;
}
.btn-social-media:hover {
    transform: scale(1.2, 1.2);
}

.social-icon {
   display: inline-block;
	vertical-align: middle;
	border-radius: 50px; 
	padding: 20px; 
   color: transparent; 
}

.linkedin {
	background-image: url(/img/website_linkedin_orange.png);
	background-size: 55px 55px;
	height: 58px; 
	width: 58px; 
	border: 2px solid #f59b10; 
	transition: all 0.3s;
}
.linkedin:hover {
	background-image: url(/img/hover_website_linkedin_orange.png);
	border: 2px solid #e3e3e3; 
	transform: scale(1.2, 1.2);
	transition: transform 0.5s;
}
.slideshare {
	background-image: url(/img/website_slideshare_orange.png);
	background-size: 55px 55px;
	height: 58px; 
 	width: 58px; 
	border: 2px solid #f59b10; 
	transition: all 0.3s;
}
.slideshare:hover {
	background-image: url(/img/hover_website_slideshare_orange.png);
	border: 2px solid #e3e3e3; 
	transform: scale(1.2, 1.2);
	transition: transform 0.5s;
}
.twitter {
	background-image: url(/img/website_twitter_orange.png);
	background-size: 55px 55px;
	height: 58px; 
	width: 58px; 
	border: 2px solid #f59b10; 
	transition: all 0.3s;
}
.twitter:hover {
	background-image: url(/img/hover_website_twitter_orange.png);
	border: 2px solid #e3e3e3; 
	transform: scale(1.2, 1.2);
	transition: transform 0.5s;
}
.xing {
	background-image: url(/img/website_xing_orange.png);
	background-size: 55px 55px;
	height: 58px; 
	width: 58px; 
	border: 2px solid #f59b10; 
	transition: all 0.3s;
}
.xing:hover {
	background-image: url(/img/hover_website_xing_orange.png);
	border: 2px solid #e3e3e3; 
	transform: scale(1.2, 1.2);
	transition: transform 0.5s;
}
.youtube {
	background-image: url(/img/website_youtube_orange.png);
	background-size: 55px 55px;
	height: 58px; 
	width: 58px; 
	border: 2px solid #f59b10; 
	transition: all 0.3s;
}
.youtube:hover {
	background-image: url(/img/hover_website_youtube_orange.png);
	border: 2px solid #e3e3e3; 
	transform: scale(1.2, 1.2);
	transition: transform 0.5s;
}
.facebook {
	background-image: url(/img/website_facebook_orange.png);
	background-size: 55px 55px;
	height: 58px; 
	width: 58px; 
	border: 2px solid #f59b10; 
	transition: all 0.3s;
}
.facebook:hover {
	background-image: url(/img/hover_website_facebook_orange.png);
	border: 2px solid #e3e3e3; 
	transform: scale(1.2, 1.2);
	transition: transform 0.5s;
}
.google {
	background-image: url(/img/website_google_orange.png);
	background-size: 55px 55px;
	height: 58px; 
	width: 58px; 
	border: 2px solid #f59b10; 
	transition: all 0.3s;
}
.google:hover {
	background-image: url(/img/hover_website_google_orange.png);
	border: 2px solid #e3e3e3; 
	transform: scale(1.2, 1.2);
	transition: transform 0.5s;
}
/* social media icons */

/* Quicklinks */
.quicklink-div {
	display: inline-block;
	padding: 0px 15px;
	margin: 0px 40px;
	text-align: center;
}
.quicklink-div a:focus {
	outline: none;
}

.quicklink-icon {
	display: inline-block;
	vertical-align: middle;
	border-radius: 100px; 
	padding: 20px; 
   color: transparent; 
}
.quicklink-text {
	margin-top: 20px;
	display: table-caption;
	font-size: 18px;
	width: 105px;
}
.cloud {
	background-image: url(/img/quicklink_cloud_orange.png);
	background-size: 100px 100px;
	height: 105px; 
	width: 105px; 
	border: 3px solid #f59b10; 
	transition: all 0.3s;
}
.cloud:hover {
	background-image: url(/img/hover_quicklink_cloud_orange.png);
	border: 3px solid #ffffff; 
	transform: scale(1.2, 1.2);
	transition: transform 0.5s;
}
.video {
	background-image: url(/img/quicklink_video_orange.png);
	background-size: 100px 100px;
	height: 105px; 
	width: 105px; 
	border: 3px solid #f59b10; 
	transition: all 0.3s;
}
.video:hover {
	background-image: url(/img/hover_quicklink_video_orange.png);
	border: 3px solid #ffffff; 
	transform: scale(1.2, 1.2);
	transition: transform 0.5s;
}
.download {
	background-image: url(/img/quicklink_download_orange.png);
	background-size: 100px 100px;
	height: 105px; 
	width: 105px; 
	border: 3px solid #f59b10; 
	transition: all 0.3s;
}
.download:hover {
	background-image: url(/img/hover_quicklink_download_orange.png);
	border: 3px solid #ffffff; 
	transform: scale(1.2, 1.2);
	transition: transform 0.5s;
}
.partnerfinden {
	background-image: url(/img/quicklink_partner_finden_orange.png);
	background-size: 100px 100px;
	height: 105px; 
	width: 105px; 
	border: 3px solid #f59b10; 
	transition: all 0.3s;
}
.partnerfinden:hover {
	background-image: url(/img/hover_quicklink_partner_finden_orange.png);
	border: 3px solid #ffffff; 
	transform: scale(1.2, 1.2);
	transition: transform 0.5s;
}
.partnerwerden {
	background-image: url(/img/quicklink_partner_werden_orange.png);
	background-size: 100px 100px;
	height: 105px; 
	width: 105px; 
	border: 3px solid #f59b10; 
	transition: all 0.3s;
}
.partnerwerden:hover {
	background-image: url(/img/hover_quicklink_partner_werden_orange.png);
	border: 3px solid #ffffff; 
	transform: scale(1.2, 1.2);
	transition: transform 0.5s;
}
/* Quicklinks */

.noPaddinTop{
	padding-top: 0 !important;
}
p{
	color: #333333;
	font-size: 1.2em;
}
.section{
	padding: 100px 0px;
}
.section.greenHighlighted{
	padding: 40px 0px;
}

@media(max-width: 768px){
	.btn-primary, .btn-primary.focus, .btn-primary:focus{
		font-size: 14px;
		height: 39px;
		width: 170px;
	}
	p{
		font-size: 16px;
	}
	.section{
		padding: 20px 0 50px 0;
	}

}
@media(max-width: 992px){
	.section{
		padding: 50px 0px 50px 0px;
	}
}
@media (min-width: 1200px){
	.container{
		margin-bottom: 0;
		width: 1200px;
	}
}
/* topHeader */
.topHeader{
	background-color: #006069;
	max-height: 500px;
	/*overflow: hidden;*/
	padding-left: 3%;
	width: 100%;
	position: absolute;
	top: 0;
	height: 50px;
}
.topHeader .contact {
	padding-top: 5px;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
	vertical-align: middle;
	display: table;
	height: 100%;
}
.topHeader .contact ul {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.topHeader .contact li {
	line-height: 2;
	float: left;
	padding-right: 20px;
}
.topHeader .contact .shylistitem {
	display: block;
}
@media(max-width: 520px) {
	.topHeader .contact .shylistitem { display: none; }
}
.topHeader .fa{
	color: #a5a5a5;
	margin-right: 10px;
}
.topHeader .fa-mobile-phone{
	font-size: 18px;
}
.topHeader i{
	text-align: center;
	width: 10px;
}
.topHeader .interaction{
	padding-top: 15px;
	text-align: right;
	padding-right: 130px;
}
.topHeader .languageSwitch select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #eff3f4 url("../img/arrow_down.png") no-repeat right 9px;
    border: none;
    color: #a5a5a5;
    padding: 2px 2px 2px 2px;
    width: 90px;
}
.topHeader .search {
	display: inline-block;
	position: relative;
}
.topHeader .search input{
	border: none;
	height: 23px;
	border: 1px solid #e6e6e6;
	padding: 5px 10px;
	padding-right: 50px;
	border-radius: 3px;
}
.topHeader .searchButton{
	background-color: transparent;
	border: none;
	width: 35px;
	position: absolute;
	right: 3%;
	top: 2px;
}
.topHeader .partnerLogin {
	
}
.topHeader ul{
	display: table-cell;
	list-style: none;
	text-align: left;
}
.topHeaderBox{
	display: inline-block;
	margin-left: 5%;
	height: 100%;
}
.topHeader a{
	color: #ffffff;
}
.topHeader a:hover{
	color: #f59b10;
	text-decoration: none;
}
/* topHeader */

/* navbar */
#navbar{
	background-color: #fff;
	font-size: 16px;
	/* min-height: 110px; */
	/* border-bottom: 2px solid #f59b10; */
	
}
#nav_bar_sticky {
	display: none;
}
.navbar-right {
	margin-right: 0px;
}
.navbar-default { 
	margin-bottom: 0px;
	background-color: #fff;
}

.navbar-brand {
	max-width: 350px;
	padding: 15px 15px 0px 0px;
}

.navbar-brand img {
	max-width: 100%;
}
.navbar-default .navbar-nav>li>a{
	color: #006068;
	padding-top: 20px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	/*background-color: #f59b10;*/
	color: #f59b10;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #ffffff;
    color: #f59b10;
    /* padding-bottom: 40px; */
}
.open > .dropdown-menu {
   	border-top: 3px solid #f59b10;
}
.navbar-nav{
	font-size: 18px;
	font-weight: bolder;
	padding: 35px 0 0 0;
}
.navbar-nav-sticky {
	padding: 5px 0;
}
.navbar-header {
	padding-bottom: 15px;
	padding-left: 3%;
}
.dropdown-menu > li > a { /* Bootstrap padding: 3px 20px */
	font-size: 16px;
	font-weight: normal;
    padding: 4px 20px;
}
.dropdown-menu > li > a:hover { /* bootstrap bg-color #f5f5f5 */
	background-color:#ffffff;
}
/* navbar */


/* Menüpunkte Suche und Partner-Login */
.mobile-s { display: none !important; }




@media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

.dropdown-menu > li > a:hover {
	color: #f59b10;
}

/* ------------------------*/ /* ---------->>> CONTENT <<<-----------*/ /* ------------------------*/

/*****************************/
/* 			HOME             */
/*****************************/
/*.blog-boxes a:hover .blog-box-image .date{
	opacity: 1.0;
}
.blog-box-image .date{
	background-color: #006068;
	padding: 5px 10px 5px 10px;
	position: absolute;
}
.blog-box-image .date p{
	color: #fff;
	margin-bottom: 0;
	text-align: center;
}
.blog-box-image .date .top, .blog-box-image .date .bottom{
	font-size: 14px;
}
.blog-box-image .date .middle{
	font-size: 24px;
}*/

.news-carousel .carousel{
	margin-bottom: 0;
	padding-left: 70px;
	padding-right: 70px;
	height: 300px;
}


.news-carousel .carousel-inner .item {
	height: 230px;
}
.news-carousel .carousel-inner .item .item-text {
    overflow: visible;
   	height: 175px;
	text-overflow: ellipsis;
}
.news-carousel .carousel h3 {
	color: #006068;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news-carousel .carousel h4 {
	color: #006068;
	margin: 0;
	padding: 10px 0;
}

.news-carousel .carousel .longtext { display: block; }
.news-carousel .carousel .shorttext { display: none; }
@media (max-width: 320px) {
	.news-carousel .carousel .longtext { display: none; }
	.news-carousel .carousel .shorttext { display: none; }
}
@media (min-width: 321px) and (max-width: 480px) {
	.news-carousel .carousel .longtext { display: none; }
	.news-carousel .carousel .shorttext { display: block; }
}
@media (min-width: 990px) and (max-width: 1199px){
	.news-carousel .carousel .longtext { display: none; }
	.news-carousel .carousel .shorttext { display: block; }
}

.news-carousel .carousel-caption{
	background: rgba(0,0,0,0.3);
	bottom: 0;
	left: 0;
	right: 0;
	text-shadow: none;
	width: 100%;
}
.news-carousel .carousel-caption-container{
	margin: 0 auto;
	text-align: left;
	width: 1200px;
}
.news-carousel .carousel-caption .btn{
	float: right;
}
.news-carousel .carousel-caption h1{
	font-size: 84px;
	color: #ffffff;
}
.news-carousel .carousel-caption p {
	color: #fff;
	font-size: 34px;
}
.news-carousel .carousel-control.left, .news-carousel .carousel-control.right{
	background-image: none;
}
.news-carousel .carousel-indicators{
	bottom: 0;
}
.news-carousel .carousel-indicators li{
	background-color: rgba(165,165,165,0.7);
	border-color: transparent;
	border-radius: 0;
}
.news-carousel .carousel-indicators .active{
	background-color: rgba(1.0,1.0,1.0,0.7);
	border-color: transparent;
}
.news-carousel .carousel-inner > .item > img{
	height: 300px;
	width: 100%; /*MW 27.08.2016*/
}
.news-carousel .carousel .item{
	background-color: transparent;
	height: 240px;
}
.news-carousel .carousel-control, .news-carousel .carousel-control:hover, .news-carousel .carousel-control:focus, .news-carousel .carousel-control:visited {
    color: #f59b10;
    opacity: 1;
}
.news-carousel .carousel-control .glyphicon-chevron-left, .news-carousel .carousel-control .glyphicon-chevron-right, .news-carousel .carousel-control .icon-next, .news-carousel .carousel-control .icon-prev {
    font-size: 22px;
    text-shadow: none;
    left: 40%;
}
.news-carousel .carousel-control:hover {

}

.ce_dma_eg_3{
	height: 100%;
}
.headline{
	color: #4c626c;
	margin-bottom: 40px;
	text-align: center;
	text-transform: uppercase;
}
.headline, .teaser-boxes h3{
	font-size: 2em;
	color: #f59b10;
}

#fileSelection {
	margin-left: 20px;
	margin-bottom: 10px;
}

/* introduction */
.introduction h3, .introduction p {
	text-align: left;
}
.introduction h3 {
	color: #006068;
	font-size: 3em;
	font-weight: normal;
	margin-top: 0;
}
.introduction p {
	font-size: 20px;
	margin: 0 auto;
}
.btn-innovaphone {
	font-size: 16px;
	color: #f59b10; 
	border-color: #f59b10; 
	border-width: 2px;
	margin-bottom: 10px;
}
.btn-blind {
	font-size: 16px;
	color: white;
	background-color: #006067; 
	border-color: #006067; 
	border-width: 2px;
	margin-bottom: 10px;
	border-radius: 16px;
	pointer-events: none;
}
.btn-blind:hover {
	color: white;
	background-color: #006067;
	border-color: #006067;
}
.btn-big {
	font-size: 20px;
}
.bg-white {
	background-color: #FFFFFF;
}
.btn-innovaphone:hover {
	color: #FFFFFF; 
	background-color: #f59b10; 
	border-color: #f59b10; 
}
.news-button {
	position: absolute;
	_top: 130px;
    bottom: 0px;
}
/* --- */

.seperator{
	background-color: #4c626c;
	height: 1px;
	margin: 0 auto;
	margin-bottom: 75px;
	width: 50%;
}
.teaser-boxes img, .blog-boxes img {
    filter: alpha(opacity=100);
    opacity: 1.0;
    transition: opacity 0.3s linear;
}
.teaser-boxes a:hover, .blog-boxes a:hover{
	text-decoration: none;
}
.teaser-boxes a:hover img, .blog-boxes a:hover img {
    filter: alpha(opacity=20);
    opacity: 0.2;
    transition: opacity 0.3s linear;
}
.teaser-boxes h3, .blog-boxes h3{
	color: #f59b10;
}
.teaser-box-image, .blog-box-image{
	background-color: #f4f4f4;
	border-bottom: 3px solid #006067;
	height: 156px;
	height: 270px;
	overflow: hidden;
	width: 100%;
}
.teaser-box-image>img, .blog-box-image img{
	height: auto;
	width: 100%;
}


img.outline {
	border: 2px solid #f59b10; 
	border-radius: 50px; 
	padding: 20px; 
}

/*#social-media-icons img {
	padding: 0px; 
}
*/
/*
@media(min-width: 1700px){
	.carousel-inner{
		height: 250px;
	}
}
@media(max-width: 1699px){
	.carousel{
		border-bottom: none;
	}
	.carousel, .carousel-inner, .carousel-inner .item{
		height: 250px;
	}
	.carousel-caption h1{
		font-size: 44px;
	}
	.carousel-caption p{
		font-size: 20px;
	}
}
@media(max-width: 1270px){
	.carousel-caption-container{
		width: 100%
	}
	.carousel-caption .btn{
		display: block;
		float: none;
		margin: 0 auto;
		margin-top: 10px;
	}
	.carousel-caption h1, .carousel-caption p{
		text-align: center;
	}
} */
@media (min-width: 768px) and (max-width: 1199px){
	.blog-boxes .col-lg-4, .teaser-boxes .col-lg-4{
		width: 33%;
		float: left;
	}
}
@media(max-width: 1199px){
	.blog-boxes h3, .teaser-boxes h3{
		font-size: 24px;
	}

}
@media(max-width: 992px){
	/*#carousel{
		margin-bottom: 150px;
	}*/
	.headline, .teaser-boxes h3{
		font-size: 24px;
	}
	.introduction h3{
		font-size: 30px;
		margin-bottom: 30px;
	}
	.introduction p{
		font-size: 16px;
	}
	.introduction, .teaser-boxes, .blog-boxes{
		padding-top: 50px;
	}
}
@media(max-width: 767px){
	.blog-boxes .col-lg-4, .teaser-boxes .col-lg-4{
		margin-bottom: 80px;
	}
	/*.carousel-caption h1, .carousel-caption p{
		display: none;
	} */
}
@media(max-width: 390px){
	.teaser-box-image>img{
		height: 100%;
		width: auto;
	}
}

/*****************************/
/* 			UNTERSEITEN          */
/*****************************/
#content { padding: 50px; }
#content img { max-width: 100%; margin-bottom: 10px; }

/*-------------------- 
	DOWNLOADLISTE
--------------------*/
table.downloadliste { margin: 0px 0px 15px 0px; width: 100%; text-align: left; }
table.downloadliste th { padding: 0px 4px; height: 37px; border-bottom: 1px solid #D1D5D8; font-weight: normal; }
table.downloadliste th { font-size: 11px; color: #FE9F00; }
table.downloadliste th a { font-size: 11px; color: #FE9F00; }
table.downloadliste td { padding: 0px 4px; height: 37px; border-bottom: 1px solid #D1D5D8; }
table.downloadliste td img { vertical-align: middle; }
table.downloadliste tr:hover td { background-color: #E6EAED; }
table.downloadliste a { color: #006068; }
table.downloadliste a:hover { text-decoration: none; }

/*-------------------
   Formulare
-------------------*/
form.contentform { margin: 37px 0px 15px 0px; width: 100%; text-align: left; }

/*****************************/
/* 			PRODUCT          */
/*****************************/
.additionalInfo a{
	color: #4c626c;
}
.additionalInfo a:hover{
	color: #f59b10;
	text-decoration: none;
}
.additionalInfo .col-lg-10{
	padding: 2px 20px 0 20px;
}
.additionalInfo .downloads .col-lg-12{
	margin-bottom: 30px;
	padding: 0 0 0 20px;
}
.additionalInfo .fa{
	color: #f59b10;
	width: 100px;
}
.additionalInfo h2{
	border-bottom: 1px solid #006067;
	color: #006067;
	font-size: 40px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	text-align: center;
}
.additionalInfo h3{
	color: #f59b10;
	font-size: 18px;
}
.additionalInfo p{
	color: #4c626c;
	font-size: 14px;
}
.additionalInfo .similarProducts a:hover p, .additionalInfo .userReports a:hover p{
	color: #f59b10;
}
.additionalInfo .similarProducts .col-lg-5{
	padding: 0;
}
.additionalInfo .similarProducts img{
	width: 100%;
}
.additionalInfo .userReports > a > div{
	padding-left: 40px;
}
.carousel.product > ol .active{
	background-color: #006067;
}
.productDescription h3{
	color: #006067;
	font-size: 40px;
	padding-bottom: 20px;
}
.productHeader > div h2{
	color: #006067;
	font-size: 84px;
}
.productHeader > div h3{
	font-size: 44px;
}
.productHeader > div h2, .productHeader > div h3{
	text-align: center;
}
.productHighlights.btn{
	width: auto;
}
.productHighlights .col-lg-12{
	padding-top: 50px;
	text-align: center;
}
.productHighlights > div.bulletpoints{ 
	border-right: 2px solid #f59b10;
}
.productHighlights > div.bulletpoints, .productHighlights > div.image{
	padding: 100px 0 100px 0;
}
.productHighlights > div.bulletpoints ul{ 
	font-size: 34px;
	line-height: 80px;
}
.productHighlights > div.image img{
	padding: 0 0 0 50px;
	width: 100%;
}
.productSeperator{
	border-right: 1px solid #f4f4f4;
}
.productTeaser{
	margin-bottom: 130px;
	text-align: center;
}
.productTeaser .col-lg-4{
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 50px;
}
.productTeaser h2{
	color: #006067;
	font-size: 28px;
	padding: 20px 10px 20px 10px;
}
.productTeaser img{
	border-bottom: 1px solid #006067;
	padding-bottom: 20px;
	width: 100%;
}
.productTeaser p{
	font-size: 18px;
	padding: 0 0 40px 0;
}

@media (min-width: 992px) and (max-width: 1200px){
	.additionalInfo .col-lg-4{
		width: 33%;
		float: left;
		text-align: center;
	}
	.additionalInfo h2{
		font-size: 30px;
	}
	.productHeader{
		margin-top: 0px;
	}
}
@media(max-width: 1200px){
	.productHighlights .col-lg-6{
		width: 100%;
		margin: 0 auto;
	}
}
@media (min-width: 992px) and (max-width: 1200px){
	.productHighlights > div.bulletpoints, .productHighlights > div.image{
		width: 50%
	}
	.productHighlights > div.bulletpoints{
		float: left;
		padding: 100px 40px 100px 0;
	}
	.productHighlights > div.bulletpoints ul{
		font-size: 28px;
		line-height: 70px;
	}
	.productHighlights > div.image{
		float: right;
	}
} 
@media(max-width: 1199px){
	#content img { max-width: 100%; margin: 30px 0px; }
	.additionalInfo .similarProducts img{
		display: none;
	}
}
@media(min-width: 641px) and (max-width: 1199px){
	.productHeader > div h2{
		font-size: 70px;
	}
	.productHeader > div h3{
		font-size: 34px;
	}
}
@media (min-width: 480px) and (max-width: 1199px){
	.productSeperator{
		border: none;
	}
	.productTeaser .col-lg-4{
		float: left;
		margin-bottom: 70px;
		width: 50%;
	}
}
@media(max-width: 992px){
	.additionalInfo .col-lg-4{
		margin-bottom: 80px;
		text-align: center;
	}
	.additionalInfo h2{
		font-size: 30px;
	}
	.productHighlights > div.bulletpoints{
		border: none;
		padding: 30px 20px 0 20px;
		text-align: center;
	}
	.productHighlights > div.bulletpoints ul{
		display: inline-block;
		font-size: 24px;
		line-height: 70px;
	}
	.productHighlights > div.image{
		padding: 30px 0px 0 0px ;
	}
	.productHighlights > div.image img{
		padding: 0;
	}
}
@media(max-width: 640px){
	.productHeader > div h2{
		font-size: 50px;
	}
	.productHeader > div h3{
		font-size: 24px;
	}
	.productTeaser .col-lg-4{
		margin-bottom: 60px;
	}
	.productTeaser h2{
		font-size: 24px;
	}
	.productTeaser p{
		font-size: 14px;
		padding: 0 0 10px 0;
	}
}

/*****************************/
/* 	  ARTICLE/BLOG-DETAIL    */
/*****************************/
.article, .articleSidebar, .blogpost, .blogpostSidebar{
	margin-bottom: 130px;
}
.article .date, .blogpost .date, .blog .date{
	color: #a5a5a5;
	text-align: right;
}
.article img, .blogpost img, .blog img{
	margin-bottom: 50px;
	width: 100%;
}
.articleHeader, .blogpostHeader{
	text-align: center;
}
.articleHeader > div h2, .blogpostHeader > div h2{
	color: #006067;
	font-size: 64px;
	margin-bottom: 50px;
}
.articleHeader > div > h3, .blogpostHeader > div > h3{
	color: #4c626c;
	font-size: 28px;
	line-height: 40px;
	padding-left: 70px;
	padding-right: 70px;
}
.articleImage, .blogpostImage{
	/*height: 520px;*/
	/*margin-bottom: 50px;*/
	overflow: hidden;
	width: 100%;
}
.blogSidebar .box, .articleSidebar .box, .blogpostSidebar .box, .blogSider .box{
	margin-bottom: 90px;
	padding-left: 40px;
}
.articleSidebar .box a:hover p, .blogpostSidebar .box a:hover p, .blogSidebar .box a:hover p{
	color: #f59b10;
}
.articleSidebar .box h2, .blogpostSidebar .box h2, .blogSidebar .box h2{
	border-bottom: 1px solid #006067;
	color: #006067;
	font-size: 40px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	text-align: center;
}
.articleSidebar .box h3, .blogpostSidebar .box h3, .blogSidebar .box h3{
	color: #f59b10;
	font-size: 18px;
}
.articleSidebar .box p, .blogpostSidebar .box p, .blogSidebar .box p{
	font-size: 14px;
}
.blogpostSidebar .box ul, .blogSidebar .box ul{
	font-size: 18px;
	line-height: 30px;
	list-style: none;
	padding: 0;
	text-align: center;
}
.blogpostSidebar .author  h3, .blogpostSidebar .author img, .blogpostSidebar .author p, .bloxSidebar.author p{
	padding: 0 15px 0 15px;
	width: 100%;
}
.blogpostSidebar .author img, .blogSidebar .author img{
	padding-top: 30px;
}

@media (max-width: 1199px){
	.blogSidebar{
		margin-top: 90px;
	}
	.blogSidebar, .articleSidebar, .blogpostSidebar, .blogSider{
		text-align: center;
	}
}
@media(max-width: 991px){
	#language ul { z-index: 0 !important; }
	.mobile-s { display: block !important; }
	.author img{
		width: 100%;
	}
	.articleSidebar .box h2, .blogpostSidebar .box h2, .blogSidebar .box h2{
		font-size: 30px;
	}
}
@media (max-width: 906px){
	.articleHeader > div h2, .blogpostHeader > div h2{
		font-size: 34px;
	}
	.articleHeader > div > h3, .blogpostHeader > div > h3{
		font-size: 18px;
		line-height: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (min-width: 660px) and (max-width: 1199px){
	.blogSidebar .box, .articleSidebar .box, .blogpostSidebar .box, .blogSider .box{
		float: right;
		width: 50%;
	}
}
/*****************************/
/* 		  BLOG-OVERVIEW      */
/*****************************/
.blog{
	text-align: center;
}
.blog .btn{
	margin-top: 50px;
}
.blog .col-lg-12{
	padding: 0;
}
.blog h2{
	color: #006067;
	font-size: 40px;
	margin-bottom: 50px;
	text-align: left;
}
.blog h2, .blog p{
	text-align: left;
}
.blog img{
	width: 100%;
}
.blog .seperator{
	border-bottom: 1px solid #f4f4f4;
	height: 1px;
	margin: 100px auto 100px auto;
	width: 60%;
}
.blogTeaserImage{
	height: 300px;
	margin-bottom: 50px;
	overflow: hidden;
	width: 100%;
}


@media (max-width: 906px){
	.blog h2{
		font-size: 30px;
		margin-top: 0px;
	}
	.blogTeaserImage{
		height: auto;
		margin-bottom: 0;
	}
}
/* ------------------------*/ /* ---------->>> FOOTER <<<-----------*/ /* ------------------------*/
footer {
	background-color: #006069;
	color: #f2f2f2;
}

footer .footerRow {
	min-height: 220px;
}
footer a{
	color: #ffffff;
}
footer a:hover {
	color: #f59b10;
	text-decoration: none;
}
footer h3 {
	color: #ffffff;
	font-size: 1.5em;
	margin-bottom: 20px;
	font-weight: 400;
}
footer .section {
	padding: 30px 0 30px 0;
}
footer ul {
	list-style: none;
	padding-left: 0;
}

footer li {
	padding: 0px 0px 10px 0px;
}
.footerBottom {
	color: #fff;
	background-color: #004d58;
	padding: 20px 0 20px 0;
	text-align: center;
}
.footerBottom a {
	color: #ffffff;
}
.footerBottom a:hover {
	color: #f59b10;
	text-decoration: none;
}
.footerBulletPoint {
	color: #a5a5a5;
}


@media (min-width: 620px) and (max-width: 1199px){
	
}
@media (min-width: 390px) and (max-width: 619px){
	/*footer .col-lg-3{
		float: left;
		width: 50%;
	}*/
}


/* 05.09.2016 NEW */
@media (max-width: 767px){
	footer h3 { margin-bottom: 10px; }
	footer .footerRow { min-height: 0px; }
	
}
@media (min-width: 768px) and (max-width: 991px){
	
}
@media (min-width: 992px) and (max-width: 1199px){
	
}
@media (min-width: 1200px) {
	
}



.navbar-fixed {
    top: 0;
    z-index: 100;
  	position: fixed;
  	width: 100%;
}

.fix-search {
    position: fixed;
    top: 60px;
    
  }







/*-------------------- 
	LANGUAGE
--------------------*/
#language {display: inline-block;margin-left: 5%;}
#language ul {position: absolute;z-index: 1001;width: 130px;padding: 0;top: 8px;}
/* #language ul:hover { -moz-box-shadow: 1px 2px 1px #DDD; -webkit-box-shadow: 1px 2px 1px #DDD; box-shadow: 1px 2px 1px #DDD; } */
#language ul li { padding: 0px 0px 0px 10px; }
#language ul:hover li { background-color: #ECEFF1; }
#language ul:hover li:hover { background-color: #006068; } /* c2cd03 */
#language ul li:hover.lang-item-unsel a { color: #f59b10; }
#language ul li.lang-item-sel { height: 42px; background-color: #006068; }
#language ul li.lang-item-unsel { display: none; height: 35px; background-color: #ECEFF1;}
#language ul li a {display: block;height: 100%;}
#language ul li a img {margin: 0px 5px 0px 0px;vertical-align: middle;border-radius: 25px;}
#language ul li.lang-item-sel a {padding: 10px 0px 0px 0px;height: 45px;background: transparent url('../img/arrow_white.png') 100px 19px no-repeat;vertical-align: top;}
#language ul li.lang-item-unsel a { padding: 10px 0px 0px 0px; height: 23px; color: #5A5A5A;} /* #5A5A5A */
#language ul:hover li.lang-item-sel a { background: transparent url('../img/arrow_yellow.png') 92px 22px no-repeat; }

/*
 * Home Slider - horizontal accordion
 * http://www.cssscript.com/pure-css-responsive-horizontal-accordion/
 */
.accordion {
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: hidden;
}

.accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 100%;
  height: 750px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 1s ease;
}

.accordion ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}


.accordion ul li div a {
  display: block;
  height: 750px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  /* font-family: Open Sans, sans-serif; */
  transition: all 400ms ease;
  cursor: pointer;
  cursor: hand;
}

.accordion ul li div a * {
  /*opacity: 0.5;*/
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: all 800ms ease;
  transition: all 800ms ease;
}

.accordion ul li div a div {
  top: 615px;
  height: 135px;
  padding: 15px;
  background: rgba(0, 0, 0, 0.6);
}

.accordion ul li div a div h2 {
  /* font-family: Montserrat, sans-serif; */
  color: #f59b10;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 2px;
}

.accordion ul li div a div p {
  font-size: 22px;
  font-weight: bolder;
  color: #fff;
  opacity: 0;
}

.accordion ul li:nth-child(1) { background-image: url("/images/hauptslider-myapps-1920x750px-1.jpg"); width: 70%;  opacity: 1; }
.accordion ul li:nth-child(2) { background-image: url("/images/hauptslider-ip-telefonie-1920x750px.jpg"); width: 15%;  opacity: 0.75; }
.accordion ul li:nth-child(3) { background-image: url("/images/hauptslider-uc-1920x750px.jpg"); width: 15%;  opacity: 0.75; }

/*
.accordion ul:hover li { width: 15%;  opacity: 0.75; }
.accordion ul:hover li:hover { width: 70%;  opacity: 1; }
.accordion ul:hover li:hover a * { opacity: 1; }
*/

/* SM */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.accordion ul li:nth-child(1) { background-image: url("/images/hauptslider-myapps-1536x600px-1.jpg"); }
	.accordion ul li:nth-child(2) { background-image: url("/images/hauptslider-ip-telefonie-1536x600px.jpg"); }
	.accordion ul li:nth-child(3) { background-image: url("/images/hauptslider-uc-1536x600px.jpg"); }
	.accordion ul li { height: 600px; }
	.accordion ul li div a { height: 600px; }
	.accordion ul li div a div { top: 465px; }
}

/* XS */
@media screen and (max-width: 767px) {
	.accordion ul li:nth-child(1) { background-image: url("/images/hauptslider-myapps-1152x450px-1.jpg"); width: 100%;  opacity: 1; }
	.accordion ul li:nth-child(2) { background-image: url("/images/hauptslider-ip-telefonie-1152x450px.jpg"); width: 100%;  opacity: 1; }
	.accordion ul li:nth-child(3) { background-image: url("/images/hauptslider-uc-1152x450px.jpg"); width: 100%;  opacity: 1; }
	.accordion ul li { height: 450px; }
	.accordion ul li div a { height: 450px; }
	.accordion ul li div a div { top: 355px; }
	.accordion ul li div a div p { opacity: 1; }
	
	.accordion ul li,
	.accordion ul li:hover,
	.accordion ul:hover li,
	.accordion ul:hover li:hover {
		position: relative;
		display: table;
		table-layout: fixed;
		width: 100%;
		-webkit-transition: none;
		transition: none;
	}

}

label {
	/* margin-right: 15px; */
	font-weight: normal;
	color: #006068;
	font-size: 1.2em;
}
input {
	 margin-right: 15px;
}

.form-inline .form-control {
	max-width: 400px;
}
.form-control {
	height: 43px;
	border: 2px solid #ccc;
	margin-bottom: 10px;
}
.form-control:focus {
	border-color: #f59b10;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(245, 155, 16, 0.6);
}
.form-group h6 {
	font-weight: normal;
	color: #006068;
	font-size: 1.2em;
	border-top: 2px solid #d1d5d8;
	padding-top: 10px;
}

/*************/
/* boxSlider */
/*************/

.box-wrapper .box-viewport {
    /*background: #fff none repeat scroll 0 0;
    border: 5px solid #fff;
    box-shadow: 0 0 5px #ccc;*/
    left: -5px;
    transform: translateZ(0px);
}

.box-wrapper {
	margin: 0 auto 0px;
    padding: 0;
    position: relative;
    max-width: 1170px;
}

.box-viewport {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 420px;
}

.box-slider, .box-story {
	width: 615%;
	position: relative;
}

.box-item {
	float: left;
	list-style: outside none none;
	position: relative;
	background-color: #ffffff;
	border-radius: 4px; 
	width: 370px;
	height: 420px;
	margin-right: 20px;
}
.box-item h3 {
	color: #006068;
	margin: 20px 20px 6px;
	font-size: 22px;
}
.box-item p {
	margin: 3px 20px 16px;
	font-size: 1.0em
}

.box-story-item {
	float: left;
	list-style: outside none none;
	position: relative;
	background-color: #ffffff; 
	border: 2px solid #7c8f96;
	border-radius: 4px;
	width: 370px;
	height: 416px;
	margin-right: 20px;
}
.box-story-item h3 {
	color: #006068;
	margin: 20px 20px 3px;
	font-size: 22px;
}
.box-story-item p {
	margin: 3px 20px 20px;
}

.box-wrapper .box-controls a {
    height: 32px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    top: 50%;
    width: 32px;
}

.box-wrapper .box-prev {
	color: #ffffff;
	font-size: 22px;
    left: -30px;
    cursor: pointer;
}
.box-wrapper .box-next {
	color: #ffffff;
	font-size: 22px;
    right: -30px;
    cursor: pointer;
}
@media screen and (max-width: 991px) {
	.box-wrapper .box-prev { left: 15px; }
	.box-wrapper .box-next { right: 15px; }
}
.box-caption {
    position:absolute;
    bottom:0;
	right:0;
}
#box-slider .box-caption {
    background: rgba(245, 155, 16, 1);
    width:100%;
    height:	73%;
    padding:8%;
    display: none;
    color:#f59b10;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    z-index: 3;
}
#box-story .box-caption {
	/*background: rgba(245, 155, 16, 0.7);
    color:#f59b10; */
	background: rgba(0, 0, 0, 0.6);
    color:#9a9a9a; /* = 173,173,173 */
    width:100%;
    height:	73%;
    padding: 70px 50px;
    display: none;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 3;
}
#box-story .box-caption p {
    color:#ffffff; /* = 173,173,173 */
    font-size: 16px;
}
.box-button {
    position: absolute;
    bottom:0;
	right:0;
    background: rgba(245, 155, 16, 1);
    width:20%;
    height:	10%;
    color:#FFFFFF;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    z-index: 4;

}
.box-image {
	bottom: 0px;
	position: absolute;
}
.box-story-image {
	bottom: 0px;
	position: absolute;
	height: 301px;
	width: 366px;
}
.box-logo {
	position: absolute;
	bottom: 0px;
	padding-left: 85px;
	padding-bottom: 275px;
    z-index: 5;
}
/* boxSlider */

/***************/
/* Unterseiten */
/***************/

/* alle */
ul {
	font-size: 1.2em;
}
ul.content {
	font-size: 1.2em;
}

/* Übersichtsseiten */

.rightmargin {
	margin-right: 30px;
}
.productimage {
	_background-image: url(/images/innovaphone-voip-gateway-features.jpg);
	_background-size: 550px 297px;
	height: auto; 
	width: 550px; 
	text-decoration:none;
	position:relative;
	display:block;
}
@media screen and (max-width: 480px) {
	.productimage { width: 350px; }
}
.productimage:hover {
	border:none;
}
.productimage img {
	width: 100%;
	height: auto;
	transition: transform 0.3s;
}
.productimage:hover img {
	opacity: 0.8;
	transform: scale(0.9, 0.9);
	transition: transform 0.5s, opacity 0.5s;
}
.productimage span {
	opacity: 0;
	position: absolute;
	z-index: 3;
	transition: opacity 0.3s;
}
.productimage:hover span {
	opacity: 1;
	transition: opacity 0.3s;
    transition-delay: 0.3s;
}
.productimage span p {
	background-color: #f59b10;
	color: white;
	font-weight: bolder;
	padding: 10px 15px 10px 15px;
}
.productimage span:nth-child(1) {
	top: 5%;
	left: 5%;
}
.productimage span:nth-child(2) {
	top: 30%;
	left: 15%;
}
.productimage span:nth-child(3) {
	top: 20%;
	right: 2%;
}
.productimage span:nth-child(4) {
	bottom: 18%;
	right: -8%;
}
.productimage span:nth-child(5) {
	bottom: 18%;
	left: 0%;
}

/* Produkt Karussell */
.product-carousel .carousel-inner .active.left {
  left: -33%;
}

.product-carousel .carousel-inner .next {
  left: 33%;
}

.product-carousel .carousel-inner .prev {
  left: -33%;
}

.product-carousel .carousel-control.left,
.product-carousel .carousel-control.right {
  background-image: none;
}

.product-carousel .item:not(.prev) {
  visibility: visible;
}

.product-carousel .item.right:not(.prev) {
  visibility: hidden;
}

.product-carousel .rightest {
  visibility: visible;
}

/* Produkt Box Karussell */
.prod-slider {
	width: 615%;
	position: relative;
}


.one-video-center {
	text-align: center;
}

.iframevideo {
	width: 854px;
	height: 480px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.iframevideo { 
		width: 640px;
		height: 360px;
	}
}
@media screen and (max-width: 767px) {
	.iframevideo { 
		width: 427px;
		height: 240px;
	}
}

/* Formular */
.well {
	background-color: #d9e4e9;
}
legend {
	font-size: 1.8em;
	color: #006068;
	text-align: center;
	border: 0;
}
.input-group-addon {
	background-color: white;
	border: 2px solid #cccccc;
}
.input-group-addon .glyphicon {
	color: #006068;
}
.input-group-addon .glyphicon:hover {
	color: #006068;
}


/*---------*/
/* Cookies */
/*---------*/
#cookieaccept a {color:#f59b10; text-decoration:none;}

#cookieaccept a:hover {text-decoration:underline;}

#cookieaccept div {padding:10px; padding-right:35px;}

#cookieaccept { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d9e4e9; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookieacceptCloser {
   color: #f59b10;
   font-size:12px; 
   position: absolute;
   right: 5px;
   text-decoration: none;
   top: 5px;
   cursor:pointer;
	border: 1px solid #f59b10; 
	border-radius: 4px; 
   padding:4px;
   background: white;
 }

#cookieacceptCloser:hover {
	color: white;
	background: #f59b10;
}

.flowtext {
  width: 100%;
  column-width: 330px;
  column-rule-color: grey;
  column-rule-width: 1px;
  column-rule-style: solid;
  column-gap: 30px;
  margin-top: 50px;
  margin-bottom: 50px;
}

/* ----------- */
/* Kacheloptik */
/* ----------- */

.tilewall {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	transform: translateZ(0px);
}
.tilewall a {
	text-decoration: none;
}

.tile {
	float: left;
	position: relative;
	background-color: white;
	width: 350px;
	height: 350px;
	border: 2px solid #d9e4e9;
	border-radius: 4px;
	/* margin: 10px auto; */
	margin: 20px 20px 0 0;
	padding: 10px;
}
@media screen and (max-width: 1180px) {
	.tile { 
		margin: 10px auto;
	}
}

.tile-caption {
	background: rgba(0, 0, 0, 0.6);
    color:#9a9a9a; /* = 173,173,173 */
    width:100%;
    height:	64%;
    padding: 40px 50px;
    display: none;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 3;
    position:absolute;
    bottom:0;
	right:0;
}
.tile p {
	text-align: center;
}
.tile h2 {
	margin-top: 0;
	margin-bottom: 0;
	color: #006068;
	font-size: 2em;
	font-weight: bolder;
	text-align: center;
}
.tile-title {
	height: 105px;
	display: grid;
	justify-content: center;
	align-items: center;
}
.tile-caption p {
    color: white;
    font-size: 16px;
}

.tile-image {
	bottom: 0px;
	left: 0px;
	position: absolute;
	height: 220px;
	width: 346px;
}
.tile-button {
    position: absolute;
    bottom:0;
	right:0;
    background: rgba(245, 155, 16, 1);
    width:20%;
    height:	10%;
    color:#FFFFFF;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    z-index: 4;

}