/**** Schrift ****/

h3, .h3 {
	color:#161E6D;
}

h4, .h4 {
	color:#161E6D;
}

h5, .h5 {
	color:#161E6D;
}

/**** Verlinkungen ****/
a {
	color:#16181b;
}

.teamlink {
	color:#949FD0;
}

.textLink {
	color:#949FD0;
}

a:hover {
    color: #D7061F;
    text-decoration: none;
}

/**** Bilder ****/

.diagramm {
	max-width:100%;
}

/**** Buttons ****/
.btn {
	background-color: #161E6D;
	border-color: #f6f6f6;
	padding: 0.32rem 0.60rem;
	border:0px;
}

.btn-primary {
	background-color: #3fc0f0;
}

.btn-primary:hover {
	background-color: #5a6268;
	border-color: #5a6268;
}

button:active{
    font-weight:bold;
}

/**** Table ****/
.intra2net-ausrichtung {
	text-align:center;
	vertical-align: inherit !important;
}

.intra2net-table-key {
	background:transparent;
	border:0px;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

#select-row-1-button.active {
    font-weight: bold;
}

.intra2net-table-key:focus {
	font-weight:bold;
}
/**** Firmenpartner ****/
.firmenpartner {
    float: left;
	text-align: center;
	height: 4rem;
	padding-top: 2%;
	background-color: #fafafa;
	margin-bottom:2px;
	border-right:2px solid #ffffff;
}

.partner-logo-box{
    text-align: center;
}
.cs-partner-slider .partner-logo-box a{
    display: inline-block;
}
.cs-partner-slider .partner-logo-box img{
    display: block;
    max-width:100%;
    height:auto;
}

/**** Breadcrumb ****/
.bread_background {
	margin-top: 6.5rem;
	background-color: #e2eaf7;
	height: 3rem;
	z-index: 555;
	}

.breadcrumb {
	background-color:#e2eaf7;
	} 


/**** Body ****/
body {
	padding-top:-3px;
}

.inhalt__hintergrund {
	margin-bottom:2rem;
	margin-top: 9.5rem;
}

/**** Menü ****/

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	color:#D7061F;
}


.dropdown-item {
	color:rgba(0, 0, 0, 0.7);
}

.dropdown-item:focus {
	background-color:#f6f6f6;
}

.dropdown-item:active {
	background-color:#f6f6f6;
}

.dropdown-submenu {
    position: relative;
	}
 
.dropdown-menu {
	color:rgba(0, 0, 0, 0.7);
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px;
	margin-left: -1px;
	}
  
.navbar-nav {
	margin-left: auto;
	}

.nav-link {
	font-size: 1.05rem;
}

.dropdown-item:hover, .dropdown-item:focus {
	color: #D7061F;
    }

.dropdown-menu {
	margin:0.0rem 0 0;
	font-size: 1.05rem;
}


/**** Slider ****/
.slide {
    margin-top: 7rem;
}

.carousel-caption {
    background-color: #f6f6f6;
    opacity: 0.90;
    width: 34%;
    margin: 0 auto;
    color: #1e2650;
    margin-bottom: 2rem;
    padding: 1rem;
}

/**** Intra2net ****/
.intra2net-downloads {
	float:left;
	margin: 65px 0px 0px 35px;
}

.intra2net-downloads-hardware {
	float:left;
	margin: 15px 0px 0px 35px;
}

.intra2net-image {
	float:left;
}

/**** Bereiche Runde Icons***/
.bg-light {
	background-color: #ffffff !important;
	}

.rounded-circle {
	width:40%;
	height:auto;
	margin-bottom: 1rem;
	}

.bereiche {
	text-align:center;
	margin-top: 1rem;
	margin-bottom: 1rem;
	}

.container.dienstleistungen {
	padding-top: 4rem;
	padding-bottom: 5rem;
	background-color: #e2eaf7;
	}
	
.bereiche__hintergrund {
	background-color: #e2eaf7;
	min-height: 500px;
	}

/**** Über uns ****/
.ueber_uns__hintergrund {
    background-image:url(../images/startseite/ueber-uns.jpg);
    background-size: cover;
    height: auto;
	}

.ueber_uns__hintergrund {
	height: auto;
}


.ueber_uns_bereich {
	background-color: #ffffff;
	}
	
.ueber_uns_text {
    width: 56%;
    min-height: 650px;
    padding: 4rem;
    padding-right: 0rem;
	}


/**** Fernwartung ****/
.fernwartung__hintergrund {
    background-image:url(../images/startseite/fernwartung.jpg);
    background-size: cover;
	}
	
.fernwartung_text {
	margin-left:auto; 
	width: 56%;
	background-color:#e2eaf7;
	padding: 4rem;
    padding-left: 0rem;
	}
	

/**** Partner ****/
.partnerbereich {
    text-align: center;
}

.partner__hintergrund {
    background-color: #fbfbfb;
}

.container.partner {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #fbfbfb;
}

.partnerlogos {
    max-width: 100%;
}

/**** Kontakt ****/

.kontakt {
    color: #fff;
}

.kontakt a {
    color: #fff;
}

.kontakt a:hover {
    color: #d70820;
}

.kontaktbereich {
    text-align: center;
    color: #fff;
}

.kontaktdaten {
    color: #fff;
}

.googlemap {
	overflow: hidden;
	width: 100%;
	margin-top: 1rem;
}

.kontakt__hintergrund {
    background-image:url(../images/startseite/kontakt.jpg);
    background-size:cover;
    padding-top: 4rem;
	padding-bottom: 5rem;
}

.kontaktdaten ul {
    padding-left: 0rem;
    list-style-type:none;
}

.kontaktdaten ul li {
	margin-bottom: 16px;
}

.form-control {
	border-radius:0.25rem;
	}

.formular {
	padding-top:2rem;
}

#DIVError {
    text-align: left;
    position: relative;
    margin-top: 3rem;
}


.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid {
	border-color: #3fc0f0;
}

#sicherheit-two,
#sicherheit-three {
	display:none;
}


/**** Footer ****/

.footer {
	background-color: #e2eaf7;
}

.footer-right a {
    padding-left: 1rem;
    color: rgba(0, 0, 0, 0.7);

}

.footer-right a:hover {
    color:#D7061F;

}

.footer-right {
	float:right;
	padding-top:1rem;
}

.footer_line {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #e2eaf7;
}

.form-control { 
	opacity: 0.8;
}

.text-muted {
    padding-right: 1rem;
}

.team-siegel-image {
    width: 5rem;
}

/**** Inhalt ****/



.contentbereich {
	padding: 0.75rem 0rem 0rem 2rem;
}

.inhalt_rechts {
	float: right;

	}

.dreid-virenschutz {
	margin-top:1rem;
}

.verlinkungen {
	line-height:22px;
	padding: 0.5rem;
	background-color:#e2eaf7;
	}
	
.verlinkungen.antiabstand {
	line-height:22px;
	padding: 0.5rem;
	background-color:#e2eaf7;
	margin-top:0.25rem;
	}
	
.verlinkungen-software {
	margin-top:3.5rem;
}

.software-logos {
	width:60%;
}

@media only screen and (min-width: 992px)  {
.dropdown:hover > .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu  {
	display: block;
}
}

@media only screen and (max-width: 1200px)  {
.ueber_uns_text {
    width: 89%;
    min-height: 540px;
	}

.fernwartung_text {
    width: 89%;
	}

.kontaktdaten {
	font-size: 0.95rem;
}

.ueber_uns__hintergrund {
	min-height:250px;
}
	
.fernwartung__hintergrund {
	min-height:250px;
}

.nav-link {
    font-size: 0.90rem;
}	

.dropdown-menu {
	font-size: 0.90rem;
	min-width: 9rem;
}

.navbar-nav {
    padding-right: 1rem;
    }

.carousel-caption {
    width: 40%;
    }
}

@media only screen and (max-width: 992px)  {
	.fernwartung_text {
    width: 96%;
	}

	.ueber_uns_text {
	padding: 2rem;
	}
	
	.inhalt_rechts {
    float: left;
	}
	
	.nav-link {
    font-size: 0.80rem;
	}	
	
	.navbar-nav {
    padding-right: 0rem;
    }

	.dropdown-menu {
	font-size: 0.80rem;
	min-width: 8rem;
	}
	
	.dropdown-submenu .dropdown-menu {
    left: 90%;
    }
	
	.dropdown-item {
	padding: 0.25rem 1.0rem;
	}
	
	.carousel-caption {
    width: 60%;
    padding-bottom: 0.5rem;
    }
	
	.anordnung {
	order: -1;
	}	
	
	.breadcrumb {
    font-size:0.85rem;
	}	
}

@media only screen and (max-width: 720px)  {
	
	.slide  {
		display:none;
	}
	
	.breadcrumb {
    padding-left: 0rem;
    font-size:0.85rem;
	}
	
	.bread_background {
    height: 4rem;
    }
	
	.container.dienstleistungen {
		margin-top:7rem;
	}
	
	.nav-link {
    font-size: 1.2rem;
	}	

	.dropdown-menu {
	font-size: 1.2rem;
	}

	.contentbereich {
    padding: 0.75rem 0rem 0rem 1rem;
    margin-top:6rem;
	}
	
	.inhalt_rechts {
    padding-left: 0rem;
    }
	
	
	.table.show-product-1 td:nth-child(3),
	.table.show-product-1 td:nth-child(4),
	.table.show-product-1 th:nth-child(3),
	.table.show-product-1 th:nth-child(4) {
		display: none;
	}
	.table.show-product-2 td:nth-child(2),
	.table.show-product-2 td:nth-child(4),
	.table.show-product-2 th:nth-child(2),
	.table.show-product-2 th:nth-child(4) {
		display: none;
	}
	.table.show-product-3 td:nth-child(2),
	.table.show-product-3 td:nth-child(3),
	.table.show-product-3 th:nth-child(2),
	.table.show-product-3 th:nth-child(3) {
		display: none;
	}
	
	.anordnung {
	order: -1;
	}	
	
	
}

@media only screen and (max-width: 576px)  {
.fernwartung__hintergrund {
	height: 220px;
	}

.breadcrumb {
    padding-left: 0rem;
    font-size:0.85rem;
	}

.bread_background {
    height: 4.5rem;
    }

.contentbereich {
	margin-top:3rem;
	padding-right:1rem;
}

.fernwartung_text { 
	padding:1rem;
	margin-left: 0;
	width: 96%;
}

.ueber_uns__hintergrund {
	height: 220px;
	}
	
.ueber_uns_text {
	padding: 1rem;
	}	
	
.nav-link {
    font-size: 1.0rem;
	}	

	.dropdown-menu {
	font-size: 1.0rem;
	}	
}

.breadcrumb > .active > a 
{
	color:grey;
}