body {
    font-size: 18px;
    background-color: #3A7DC8;
    background-image: url("images/thinstripesv1.png");
    padding-top: 90px;
    margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
    body { padding-top: 165px; }
}
.container {
    background-color: #fff;
    border-radius: 3px;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
}

.red-font {
	color: #F02E47 !important;
}

.red-border {
	border-color: #E64D3D !important; 
}

.blue-font {
	color: #4A84C4 !important;
}

.blue-border {
	border-color: #4A84C4 !important;
}

.green-font {
	color: #6AAA3F !important;
}

.green-border {
	border-color: #6AAA3F !important;
}

.yellow-font {
	color: #EDC541 !important;
}

.yellow-border {
	border-color: #EDC541 !important;
}

.gray-border {
	border-color: #BBBBBB !important;
}


h2 {
	margin-bottom: 20px;
}

h3 {
	margin-top: 40px;
	margin-bottom: 30px;
	font-weight: bold;
}

p {
	margin-top: 10px;
	margin-bottom: 20px;
}

.page-header {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 15px;

	font-family: 'Abel', serif;
	font-size: 42px;
}

.ct-main-header {
	border-bottom: 2px solid #BBBBBB;
	margin-top: 0px;
	margin-bottom: 15px;
    padding-top: 15px;
	padding-bottom: 15px;
    font-family: 'Abel', serif;
	font-size: 42px;
}

.ct-section-header {
    border-bottom: 4px solid #BBBBBB;
    font-family: 'Abel', serif;
	font-size: 28px;
}

.ct-section-spacer {
    padding-bottom: 36px;
}

.whitelink {
	color: white !important;
	text-decoration: none !important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
    border-bottom: none !important;
}

.whitelink:hover {
	color: #333334 !important;
}

/* for Picture */

.ct-picture-text{
    font-family: 'Abel', serif;
	font-size: 16px;
	margin-top: 0px;
    margin-bottom: 15px;
    text-align:center;
}

.carousel-indicators li {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: 10px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}

.carousel-indicators .active {
    width: 48px;
    height: 48px;
    margin: 10px;
}

.modal.and.carousel {
    position: fixed;
    overflow-y: auto;
    margin-top: 5%;
}

.pictures {
	display: inline-block;
}

.pictures_spacer {
	margin-right: 20px;
	margin-bottom: 30px;
}

.pictures_spacer img {
	width: 200px;
}

/* for Navbar */

.navbar {
    padding-top: 20px;
    padding-bottom: 20px;
	padding-left: 5%;
	background-color: white;
	border-color: #F1F1F1;
}

.navbar-header {
	width: 100%;
}

.navbar-nav {
	padding-right: 5%;
	font-size: 22px;
}

.navbar-nav > li{
  margin-left: 50px;
  margin-right: 50px;
}

.navbar-left {
    padding-top: 10px;
}

/* for Banner */

.ct-banner-box {
    float: left;
    width: 220px;
}

.ct-banner-text{
    font-family: 'Abel', serif;
	font-size: 24px;
    margin-left: 5px;
	margin-right: 5px;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

/* for Button Background */
.ct-button-example-text{
    font-family: 'Abel', serif;
	font-size: 15px;
    margin-left: 5px;
	  margin-right: 5px;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.ct-button-text{
    font-family: 'Abel', serif;
	font-size: 20px;
    margin-left: 5px;
	margin-right: 5px;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.btn {
    border: 0 none;
    letter-spacing: 1px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn-default {
    background: #BBBBBB;
    color: #ffffff;
}

.banner-button{
    width: 220px !important;
    text-align: left !important;
}

#voip-button {
    background: #E64D3D;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#cloud-button {
    background: #4A84C4;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#integration-button {
	background: #6AAA3F;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#it-sicherheit-button {
	background: #EDC541;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#software-button {
	background: #EDC541;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
#neutral-button{
	background: #BBBBBB;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#voip-button:hover, #voip-button:focus, #voip-button:active {
	background: #F3586D;
}

#cloud-button:hover, #cloud-button:focus, #cloud-button:active {
	background: #6597CD;
}

#integration-button:hover, #integration-button:focus, #integration-button:active {
	background: #90C86A;
}

#it-service-button:hover, #it-service-button:focus, #it-service-button:active {
	background: #F2D473;
}

#neutral-button:hover, #it-service-button:focus, #it-service-button:active {
	background: #CCCCCC;
}

/* Beispiel Buttons */
#custombike_example {
	background: #6AAA3F;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#custombike_example:hover, #custombike_example:focus, #custombike_example:active {
	background: #90C86A;
}

#webshop_example {
	background: #6AAA3F;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#webshop_example:hover, #webshop_example:focus, #webshop_example:active {
	background: #90C86A;
}

.ct-list {
	list-style: square;
    text-align: left;
    margin: 0;
    padding: 2.4%;
}

.ct-list li {
	margin-bottom: 10px;
}

/* Footer */
html {
	position: relative;
	min-height: 100%;
}

.footer {
	position: relative;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #f5f5f5;
}

.copyright {
	background-color: #323232;
	text-align: center;
}

.copyright-info {
	font-size: 14px;
	font-weight: normal;
	/*background: #282828;*/
	color: #5b5b5b;
	padding: 10px 0;
	margin-bottom: 0;
	padding: 10px 0;
}

.copyright-info a {
	color: #7e898f;
}

/* for solution page */
.breadcrumb {
	margin-top: 60px;
	background-color: transparent;
	padding-left: 0px;
}

.breadcrumb a {
	color: #777;
}

.ct-benefit h4 {
	font-family: 'Abel', serif;
	font-size: 26px;
}

.menu-font {
  font-size: 18px
}

.img-center {margin:0 auto;}

#partners {
	list-style: none;
	display: table-row;
}

.partners {
	display: inline-block;
}

.partners_spacer {
	margin-right: 35px;
	margin-bottom: 50px;
}

.partners_spacer img {
	width: 150px;
}

.icons {
	text-align: center;
}

/*
CT Banner
*/


.jumbo_text_M {
  font-size: 21px
}
.jumbo_text_L {
  font-size: 29px
}

.jumbo_text_XL {
  font-size: 36px
}


/*
Sprungmarken Position
*/

.jumppointers {
  position:absolute;
  top:-100px; /* Abgezogene Höhe der Sprunkmarke */
}