/* ------------------------*/ /* ---------->>> 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
-------------------------------------------------------------------*/

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

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

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

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

/* ---------->>> Global <<<-----------*/
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
html {
	font-size: 14px;
}
body{
	font-family: 'Roboto', sans-serif !important;
	-webkit-font-smoothing: antialiased;
	padding-bottom: 0;
	padding-top: 0; /* mit Megamenue auf 0 setzen */
	min-height: 0;
}
a, a:hover, a:focus {
	color: #f59b10;
	text-transform: none;
	outline: none;
}
p, td, th, ul, ol  {
	color: #333333;
	font-size: 16px;
}
h1 {
	text-align: left;
	font-size: 36px;
	color: #006068;
}
h2 {
	text-align: left;
	font-size: 30px;
	color: #006068;
}
h3 { 
	text-align: left;
	font-size: 25px;
	color: #006068;
}
h4 { 
	text-align: left;
	font-size: 21px;
	color: #006068;
}
h5 { 
	text-align: left;
	font-size: 16px;
	color: #006068;
}
h6 { 
	text-align: left;
	font-size: 16px;
	color: #a81313;
}

table {
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
}

td {
    border: 2px solid white;
    background-color: #f4f4f4;
    padding: 12px;
    vertical-align: top;
}

.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;
}
.yellow-background-glasses {
	background-image: url("/images/innovaphone-background-book-and-glasses.png");
	background-repeat: repeat-x;
}
.yellow-background-monitor {
	background-image: url("/images/innovaphone-background-man-and-monitor.png");
	background-repeat: repeat-x;
}
.yellow-background-computer {
	background-image: url("/images/innovaphone-background-woman-with-book.png");
	background-repeat: repeat-x;
}
.yellow-background-book {
	background-image: url("/images/innovaphone-background-woman-without-computer.png");
	background-repeat: repeat-x;
}
.home-carousel-background {
	background-image: url("/images/banner-carousel-homepage.webp");
	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; }

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 15%;
}
@media(max-width: 1200px) { .resp-container { padding-top: 15%; } }
@media(max-width:  992px) { .resp-container { padding-top: 25%; } }
@media(max-width:  880px) { .resp-container { padding-top: 35%; } }
@media(max-width:  768px) { .resp-container { padding-top: 50%; } }

/*******************/
/* Headbanner      */
/*******************/
.headbanner {
	position: relative;
	top: 315px;
	height: 135px;
}
.headbanner .row {
	padding: 0px 15px;
}
.headbanner h1 {
	font-size: 2.6em;
	color: #f59b10;
	text-align: left;
	font-weight: bolder;
	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 30px;
}
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;
}
.instagram {
	background-image: url(/img/instagram-icon.png);
	background-size: 55px 55px;
	height: 58px; 
	width: 58px; 
	border: 2px solid #f59b10; 
	transition: all 0.3s;
}
.instagram:hover {
	background-image: url(/img/instagram-icon-hover.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;
}

.section {
	padding: 50px 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;
	}
}


/* 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: 2.2em;
	font-weight: normal;
	margin-top: 0;
}
.introduction p {
	font-size: 20px;
	margin: 0 auto;
}

/* Grunddefinition */
.btn-innovaphone {
	font-size: 16px;
	color: #f59b10; 
	background-color: white; 
	border-color: #f59b10; 
	border-width: 2px;
	margin-bottom: 10px;
	white-space: normal;
	border-radius: 10px;
}
/* setzt btn-innovaphone voraus */
.btn-invers {
	background-color: #f59b10; 
	color: white; 
	border-color: #f59b10; 
}
.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;
}
.btn-mega {
	font-size: 38px;
	border-width: 4px;
	border-radius: 10px;
}
.bg-white {
	background-color: #FFFFFF;
}
.btn-innovaphone:hover {
	color: #FFFFFF; 
	background-color: #f59b10; 
	border-color: #f59b10; 
}
.btn-invers:hover {
	background-color: #FFFFFF; 
	color: #f59b10; 
	border-color: #f59b10; 
}
.btn-content:active,
.btn-content:focus,
.btn-content {
	font-size: 20px;
	background-color: #f59b10; 
	color: white; 
	border-color: #f59b10; 
	border-width: 2px;
	margin-bottom: 10px;
	white-space: normal;
	border-radius: 13px;
}
.btn-content:hover {
	background-color: #FFFFFF; 
	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: 2px solid transparent; }
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 .footer-row {
	color: #ffffff;
	font-size: 1.3em;
	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;
	font-weight: normal;
}
.footerBottom {
	color: #fff;
	background-color: #004d58;
	padding: 20px 0 20px 0;
	text-align: center;
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	font-weight: normal;
}
.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;
    
  }







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;
}

input[type='checkbox'] {
    display: none;
}

input[type='checkbox'] + label {
    margin: 5px;
}

input[type='checkbox'] + label span {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 22px;
    background: url("/img/innovaphone-checkbox.png") left top no-repeat;
    cursor: pointer;
    margin-top: -9px;
}
input[type='checkbox']:checked + label span {
    background: url("/img/innovaphone-checkbox.png") right top no-repeat;
}

input[type='radio'] {
    display: none;
}

input[type='radio'] + label {
    margin: 5px;
}

input[type='radio'] + label span {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 22px;
    background: url("/img/innovaphone-radiobutton.png") left top no-repeat;
    cursor: pointer;
    margin-top: -9px;
}
input[type='radio']:checked + label span {
    background: url("/img/innovaphone-radiobutton.png") right top no-repeat;
}

/*************/
/* 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 */
/***************/

ul.content {
	font-size: 16px;
}

/* Ü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 { 
   text-align: center; 
   background-color: rgba(200, 200, 200, 0.9); 
   position: fixed;
   top: 30%; 
   z-index: 10000; 
   width: 100%; 
   font-size: 24px; 
   height: 300px;
}

#cookieaccept div {
	padding:10px;
	margin-top: 100px;
}

#cookieaccept a {
	color: #006068;
	text-decoration:none;
}
#cookieaccept a:hover {
	color: #f59b10;
}

#cookieacceptCloser {
	color: #f59b10;
	font-size: 24px; 
	cursor: pointer;
	border: 3px solid #f59b10; 
	border-radius: 4px; 
	padding: 5px;
	background: white;
}

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

#cookiedenied {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 12px; 
	color: #f59b10;
	cursor: pointer;
	border: 3px solid #cccccc; 
	border-radius: 4px; 
	padding: 5px;
	background: white;
}

#cookiedenied:hover {
	color: white;
	border: 3px solid #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;
}

@media screen and (max-width: 512px) {
	#cookieaccept { 
		height: 400px;
	}
	#cookieaccept div {
		margin-top: 80px;
	}
}

.listelement {
    background-color: #f4f4f4;
}
.listelement:hover {
    background-color: #eeeeee;
}

.batchcount {
    color: white;
    background-color: #f59b10;
	padding: 3px;
	margin-left: 5px;
	border: 2px solid white;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
}

span.gototop { 
	display: none;
	position: fixed; 
	background:url("../img/gototop-button-hover.png") no-repeat center bottom; 
	width: 40px; 
	height: 50px; 
	right: 15px; 
	bottom: 25px; 
	z-index: 100; 
}

.purchaseoffer { 
	display: flex;
	position: fixed; 
	background-color: #f59b10;
	border: 3px solid #f59b10;
	border-radius: 4px;
	width: 400px; 
	height: 50px; 
	right: 15px; 
	top: 125px; 
	z-index: 1000; 
	transition: opacity 1s;
}
.purchaseoffer.invisible {
	opacity: 0;
	pointer-events: none;
}
.purchaseoffer a {
	display: flex;
}
.purchaseoffer img {
	width: 24px; 
	height: 24px; 
	margin: 10px;
}
.purchaseoffer .closebutton {
	position: absolute;
	width: 20px; 
	height: 20px; 
	margin: 0;
	right: 0;
}
.purchaseoffer p {
	margin: 10px;
	color: white;
}

/*
span.hamburger { 
	display: none;
	position: fixed; 
	background:url("../img/hamburger.svg") no-repeat center bottom; 
	width: 45px; 
	height: 45px; 
	right: 15px; 
	top: 15px; 
	z-index: 100; 
} */