@media (max-width: 1199px){
.carousel .carousel-inner {height: auto;}
}

@media (max-width: 767px) {
  .links .navbar-toggler,  .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons {
    display: inline-block; padding: 0; color: #000;}}




/* Home Section Top & Bottom */

#wrapper-topcat {background:#e1e1e1;}

.catbox {margin-top:50px}
.catbox img {max-width:100%;}

.greylayer h2 {margin-top:20%; border-bottom:1px solid #fff; padding-bottom:11px; color: #279acd;font-weight: normal;
  font-size: 19px}
.greylayer h2::before {content: '';width: 40px;height: 2px;background: #279acd;position: absolute;margin-top: 31px;}
.greylayer p {color:#279acd;}
.greylayer .material-icons {font-size:16px; color:#279acd}
.greylayer {color:#fff;left:10%;border-radius:5px;padding:15px;z-index:10}
.greylayer-btn {text-align:center;color:#279acd;left:14%;bottom:10%;border-radius:5px;border:1px solid #279acd;padding:6px;transition: background 2s; margin-top:40px}
.greylayer-btn .btn {color:#279acd}
.greylayer-btn .btn:hover {color:#fff}
.greylayer-btn:hover{background:#279acd;color:#fff;}


/*
.greylayer-right h2 {margin-top:40%; border-bottom:1px solid #f1f1f1; padding-bottom:11px;color: #279acd}
.greylayer-right h2::before {content: '';width: 40px;height: 2px;background: #279acd;position: absolute;margin-top: 35px;}
.greylayer-right p {color:#00c975;}
.greylayer-right .material-icons {font-size:16px; color:#00c975}
.greylayer-right {color:#fff;left:10%;border-radius:5px;padding:15px; z-index:10}
.greylayer-right-btn {text-align:center;color:#fff;right:14%;bottom:10%;border-radius:5px;border:1px solid #279acd;padding:6px; transition: background 2s;}
.greylayer-right-btn .btn {color:#279acd}
.greylayer-right-btn:hover{background:#279acd;color:#fff}
*/

@media (max-width:767px){
.catbox {margin: 10px}
.catbox img {margin: 0 auto; display:block}
.greylayer h2, .greylayer-right h2 {border-bottom:none;margin-top:0px}
.greylayer-right, .greylayer {text-align:center;right:0;left:0}}



/* Stop Home Section Top & Bottom */


/* kommentare */

.btn-comment {margin: 0 auto;}
/* stop kommentare */







/*-------------------------- Start Home page Service CMS Block -------------------------------*/

#czservicecmsblock .service_container {
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px auto;
}

#czservicecmsblock .service_container .service-area {
	padding: 45px 0 85px 0;
	border-bottom: 1px solid #ededed;
	float: left;
	width: 100%;
	text-align: center;
}

#czservicecmsblock .service_container .service-area .service-third {
	float: left;
	width: 33.33%;
	padding: 0 30px;
}

#czservicecmsblock .service_container .service-area .service-third .service-icon {
	display: inline-block;
	height: 45px;
	width: 60px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: #111111;
	-webkit-mask-size: 40px;
	mask-size: 40px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
}

#czservicecmsblock .service_container .service-area .service-third.service1 .icon1 {
	-webkit-mask-image: url(https://pomade.ch/img/content/codezeel/service_icon1.svg);
	mask-image: url(https://pomade.ch/img/content/codezeel/service_icon1.svg);
}

#czservicecmsblock .service_container .service-area .service-third.service2 .icon2 {
	-webkit-mask-image: url(https://pomade.ch/img/content/codezeel/service_icon2.svg);
	mask-image: url(https://pomade.ch/img/content/codezeel/service_icon2.svg);
}

#czservicecmsblock .service_container .service-area .service-third.service3 .icon3 {
	-webkit-mask-image: url(https://pomade.ch/img/content/codezeel/service_icon3.svg);
	mask-image: url(https://pomade.ch/img/content/codezeel/service_icon3.svg);
	-webkit-mask-size: 55px;
	mask-size: 55px;
}

#czservicecmsblock .service_container .service-area .service-third:hover .service-icon {
	background-color: #777;
}

#czservicecmsblock .service_container .service-area .service-third .service-icon,
#czservicecmsblock .service_container .service-area .service-third:hover .service-icon {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#czservicecmsblock .service_container .service-area .service-third .service-content .service-heading {
	text-transform: capitalize;
	color: #111111;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 700;
	line-height: 35px;
}

@media (max-width: 1199px) {
	#czservicecmsblock .service_container .service-area {
		padding: 30px 0 50px 0;
	}
	#czservicecmsblock .service_container .service-area .service-third {
		padding: 0 10px;
	}
}

@media (max-width: 991px) {
	#czservicecmsblock .service_container .service-area .service-third .service-content .service-heading {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	#czservicecmsblock .service_container .service-area {
		padding: 30px 0;
	}
	#czservicecmsblock .service_container .service-area .service-third {
		width: 100%;
		margin-bottom: 35px;
	}
}