@media screen and (max-width: 1320px){.grid-container{grid-template-columns:repeat(2, minmax(200px, 547px))!important;}}
@media screen and (max-width: 1229px){.tablinks{width: 86%!important;}img.material-icons{width:90px;} .row.ap{width:100%!important;} }
@media screen and (max-width: 780px){.slideshow-container,.office-dot{display:none;}.tabcontent{padding:0px!important;}.shadow{ float: left;}.box-icon.material-icons{padding:10px!important;font-size: 30px!important;width: 30px;    height: 30px;} }
@media screen and (min-width: 960px){.timeline-m{display: none!important;} .column.footer{line-height:40px;border-left: solid;} }
@media screen and (max-width: 960px){.column{padding:20px!important} .column.img{width: 300px!important;margin: 10px auto!important;display: block;} .space-mobil-none{display:none!important;}}



hr{border: 1px solid #ff9800;width: 100%;}

/*office*/
.ff-svg > svg { 
    fill: orange;
}

.ff-svg{width:120px;fill: orange;}

	.grid-container {
  display: grid;
	grid-template-columns: repeat(2, minmax(200px, 620px));	    
  grid-gap: 23px 10px;
  padding: 10px;
}

.grid-item {
  font-size: 30px;float:left;
  text-align: center; 
	
}


.tabm-grid {
  display: grid;
	grid-template-columns: repeat(2, minmax(200px, 620px));	    
  grid-gap: 20px;
  padding: 10px;
}




	
	h1,h2,h3,h4, p{margin: 10px 0px;color:#424242;-webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;}
	h4{font-weight:500;font-size:17px;} p{font-weight:400;font-size:15px;}
	.svg-office:hover .svg-office__background *,
	.svg-office.active .svg-office__background * {
		fill: #ff9800;
	}

	.mySlides {
		display: none;
	}

	img {
		vertical-align: middle;
	}

img.material-icons{max-width:100px;max-height:100px;}

	.slideshow-container {
		max-width: 1400padding: 10px;padding: 10px;padding: 10px;padding: 10px;padding: 10px;padding: 10px;px;
		position: relative;
		margin: auto;
	}

	.prev,
	.next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		width: auto;
		padding: 16px;
		margin-top: -22px;
		color: #939393;
		font-weight: bold;
		font-size: 18px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		user-select: none;
	}

	.next {
		right: 0;
		border-radius: 3px 0 0 3px;
	}

	.prev:hover,
	.next:hover {
		color: rgba(0, 0, 0, 0.8);
	}

	.dot {
		cursor: pointer;
		height: 15px;
		width: 15px;
		margin: 0 2px;
		background-color: #bbb;
		border-radius: 50%;
		display: inline-block;
		transition: background-color 0.6s ease;
	}

	.active,
	.dot:hover {
		background-color: #717171;
	}

	.fade {
		-webkit-animation-name: fade;
		-webkit-animation-duration: 1.5s;
		animation-name: fade;
		animation-duration: 1.5s;
	}

	@-webkit-keyframes fade {
		from {
			opatool: 0.4;
		}
		to {
			opatool: 1;
		}
	}

	@keyframes fade {
		from {
			opatool: 0.4;
		}
		to {
			opatool: 1;
		}
	}

	@media only screen and (max-width: 300px) {
		.prev,
		.next,
		.text {
			font-size: 11px;
		}
	}

	.tab {
		overflow: hidden;
		margin-left: 8%;
	}

	.tabm {
		margin: 0% auto;
    max-width: 880px;padding: 10px;
	}

	.tab button {
		background-color: inherit;
		border-radius: 5px;
		float: left;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 14px 16px;
		transition: 0.3s;
		font-size: 15px;
		box-shadow: 2px 2px 10px #0000001f;
		margin: 15px;
		filter: gray;
		/* IE5+ */
		-webkit-filter: grayscale(1);
	}

	.tab button:hover {
		filter: none;
		-webkit-filter: grayscale(0);
		transform: scale(1.02);
	}

	.tablinks {
		width: 28%;height: 300px;
	}

	.tablinksm {
		border: none;
		background-color: white;
		color: #424242;
     background-color: #fff;    box-shadow: 2px 2px 8px #00000021;padding: 20px;    border: none;  border-radius: 8px; margin:10px;
	}

	.tablinksm:hover,
	.tablinksm.active {
		color: #ff9800;
	}

	.tab button:hover,
	.tab button.active {
		background-color: #fff;
		filter: none;
		-webkit-filter: grayscale(0);
	}

	.tabcontent {
		display: none;
		padding: 6px 20px;
		border-top: none;
	}

	.topright {
		float: right;
		cursor: pointer;
		font-size: 28px;
	}

	.shadow{
		padding:20px;
		background-color:#fff;
		webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
		-moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
		-ms-box-shadow: 0 3px 5px rgba(0,0,0,.2);
		box-shadow: 0 3px 5px rgba(0,0,0,.2);
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
		display: inline-block;
		border-radius: 4px;
		width: 90%;
	 }   
	.shadow > a{
	color:#666;
	}
	.shadow > a:hover{
	color:#333;
	}
	.shadow:hover {
		z-index:999;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);
		-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);
		-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);
		box-shadow:0 15px 30px rgba(0,0,0,.1);}







		  .box-icon {
			float: left;
			margin: 8px 10px;
		  }


.box-text{padding-top: 5px;padding-right: 20px;text-align: left;}


		  .box-icon.material-icons    {font-size: 50px;border-radius: 4px;
		  color: #B8B8B8;
		  padding: 20px;
		  background-color: #E6E6E6;padding: 25px;}