svg {
	display: flex;
	justify-content: center;
	align-items: center;
}

.section {
	height: 1450px;
	width: 100%;
	display: flex;
	justify-content: center;
}

.section h5 {
	color: black;
	font-size: 66px;
	font-weight: 500;
	letter-spacing: 1.32px;
	line-height: 70px;
	margin-bottom: 13px;
}

.section h6 {
	color: #4e4d4d;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 1.2px;
	line-height: 40px;
}

#section-1 {
	background-color: white;
}
#section-2,
#section-4 {
	background-color: #202020;
}
#section-3 {
	background-color: white;
}

.line-container {
	height: 100%;
	width: 20px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
}

.line-container svg {
	height: 100%;
}

#section-1 .line-container svg {
	height: calc(100% - 200px);
}

#section-1 > .line-container {
	top: 200px;
}

.number {
	position: relative;
}

#number-1 {
	position: absolute;
	left: 50%;
	top: 130px;
	transform: translateX(-50%);
}

#number-2,
#number-3,
#number-4 {
	position: absolute;
	left: 50%;
	top: 130px;
	transform: translateX(-50%);
	z-index: 4;
}

.number-shadow-dark {
	position: absolute;
	left: 50%;
	top: 130px;
	transform: translateX(-50%);
	width: 70px;
	height: 70px;
	background-color: #202020;
	z-index: 3;
}

.number-shadow-bright {
	position: absolute;
	left: 50%;
	top: 130px;
	transform: translateX(-50%);
	width: 70px;
	height: 70px;
	background-color: white;
	z-index: 3;
}

.number-h {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;

}

#section-2 .number h4,
#section-4 .number h4 {
	color: white;
}

#section-2 h5,
#section-4 h5 {
	color: white;
}

#section-2 h6,
#section-4 h6 {
	color: #b8b8b8;
}

.content-container {
	width: 1200px;
	height: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom: 8rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.content-container > div {
	width: 100%;
	margin-bottom: 2rem;
	min-height: 100px;
}

.section-header {
	margin-top: 210px;
	max-width: 50%;
}

/* section element */

.flex-row-reverse {
	flex-direction: row-reverse;
}

.flex-row {
	flex-direction: row;
}

.section-element {
	width: 100%;
	display: flex;
}

.section-element > div {
	width: 50%;
	min-height: 200px;
}

.section-element > div:first-child {
	display: flex;
	align-items: center;
}

.element-p p {
	letter-spacing: 0.18px;
	color: #676767;
	font-weight: normal;
	font-size: 18px;
	line-height: 32px;
}

.element-img {
	height: 100%;
}

.element-img img {
	height: 207px;
	width: 207px;
	border-radius: 50%;
}

.element-img {
	display: flex;
}
.section-element:nth-of-type(odd) .element-img {
	justify-content: flex-start;
}
.section-element:nth-of-type(even) .element-img {
	justify-content: flex-end;
}

.section-element:nth-of-type(odd) img {
	margin-right: 100px;
	margin-left: auto;
}
.section-element:nth-of-type(even) img {
	margin-left: 100px;
	margin-right: auto;
}

.section-element:nth-of-type(odd) .element-line {
	margin-right: 30px;
}
.section-element:nth-of-type(even) .element-line {
	margin-left: 30px;
}

.section-element:nth-of-type(odd) p {
	text-align: left;
}
.section-element:nth-of-type(even) p {
	text-align: right;
}
.magin-left {
	margin-left: 2rem;
}
.margin-right {
	margin-right: 2rem;
}

@media only screen and (max-width: 1100px) {
	h5,
	h6 {
		text-align: center;
	}
	.section   h5 {
		font-size: 50px;
	}
	.section   h6 {
		font-size: 30px;
	}

	.section-header {
		padding-right: 1rem;
		height: 240px;
	}

	/* .section-element > div{
          min-height: 350px;
     } */
	.element-p p {
		font-size: 14px;
		line-height: 26px;
	}

	.element-img img {
		height: 160px;
		width: 160px;
	}
}

@media only screen and (max-width: 670px) {
	#number-1,
	#number-2,
	#number-3,
	#number-4 {
		left: 40px;
	}

	.section-element > div {
		width: 100%;
		max-height: 160px;
		min-height: 160px;
	}
	.flex-row-reverse {
		flex-direction: row;
	}

	.section-element {
		flex-direction: column;
		align-items: flex-start;
		align-items: center;
	}

	.element-p p {
		text-align: center;
		line-height: 20px;
	}

	.section-element:nth-of-type(even) p {
		text-align: center;
	}
	.section-element:nth-of-type(odd) p {
		text-align: center;
	}

	.section-element:nth-of-type(odd) img {
		margin-right: auto;
		margin-left: auto;
		width: 160px;
		height: 160px;
	}
	.section-element:nth-of-type(even) img {
		margin-left: auto;
		margin-right: auto;
		width: 160px;
		height: 160px;
	}

	.section-element:nth-of-type(even) .element-img {
		justify-content: center;
		padding-right: 30px;
	
		height: 160px;
		margin-top: 15px;
	}
	.section-element:nth-of-type(odd) .element-img {
		justify-content: center;
		padding-right: 30px;
	
		height: 160px;
		margin-top: 15px;
	}

	.section-header {
		max-width: 100%;
		width: 100%;
		padding-right: 45px;
		height: 200px;
	}

	.section   h5 {
		font-size: 40px;
		line-height: 50px;
	}
	.section   h6 {
		font-size: 24px;
	}

	.element-line svg {
		width: 40px;
	}

	.section-element:nth-of-type(even) .element-line {
		margin-left: 10px;
		margin-right: 0;
	}
	.section-element:nth-of-type(odd) .element-line {
		margin-left: 10px;
		margin-right: 0;
	}

	.line-container {
		right: 11px;
		left: auto;
	}

	.content-container {
		width: 100%;

		padding-right: 30px;
		padding-bottom: 1rem;
	}

	.content-container > div {
		margin-bottom: 1rem;
	
		min-height: 160px;
	}

	.section{
		height: 1600px;
	}
}

section{
	display: flex;
	justify-content: center;

}

/* kontakt */


.contact{
     width: 100%;
     max-width: 1000px;
     font-weight: 500;
     display: flex;
     padding-top: 3rem;
}

.contact > div:last-child{
     width: 50%;
     height: 100%;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     margin-left: 2rem;
}

.contact > div:last-child >div{
     width: 100%;
     margin-bottom: 2rem;
}

.contact-contact{
     display: flex;
     flex-direction: column;
     align-items: flex-start;
}
.contact-contact h4, h5, h6{
     margin-bottom: 0.5rem;
}
.contact-contact h4{
     font-size: 18px;
     color: #e24b40;
     text-transform: uppercase;
     font-weight: 600;
     margin-bottom: 2rem;
}

.contact-contact h5{
     font-size: 16px;
     color: #222222;
     font-weight: 600;
}

.contact-contact h6{
     font-size: 16px;
     color: #222222;
     font-weight: 400;
     text-transform: none;
}

.contact-contact h6 span{
     color: #222222;
     font-weight: 600;
}



.contact svg{
     width: 50%;
     height: auto;
     margin-bottom: 2rem;
	fill: red;
}

.contact label{
     font-size: 13px;
     color: #222222
}

.contact-form{
     width: 50%;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     padding-right: 2rem;
     box-sizing: border-box;
}

.contact-form h4{
     font-size: 18px;
     color: #e24b40;
     text-transform: uppercase;
     font-weight: 600;
     margin-bottom: 2rem;
}

.contact-form form{
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     width: 100%;
}

.contact-form form input{
     width: 100%;
     margin-bottom: 1.5rem;
     height: 2.5rem;
     font-size: 14px;
     color: #222222;
     box-sizing: border-box;
}

.contact-form form textarea{
     width: 100%;
     padding: 0.6rem;
     font-size: 14px;
     color: #222222;
     min-height: 150px;
     margin-bottom: 2rem;
     box-sizing: border-box;
}

.contact-form form button{
     height: 2rem;
     width: 120px;
     margin-left: auto;
     border: solid 1px #222222;
     text-transform: uppercase;
     padding: 0.2rem;
     background-color: none;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 4rem;
}

.contact-form form button:hover{
     cursor: pointer;
     background-color: #222222;
     color: white;
}

.contact-form p{
     font-size: 14px;
     line-height: 22px;
     margin-bottom: 2rem;
     color: #222222;;
}

@media screen and (max-width: 1050px){
     .contact{
          display: flex;
          flex-direction: column-reverse;
          align-items: center;
     }

     .contact > div{
          padding-left: 1rem;
          padding-right: 1rem;
          width: 100%;
         
     }

     .contact > div:last-child{
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 2rem;
          width: 100%;
          flex-direction: column;
     }

	.svg-div{
		display: flex;
		justify-content: center;
	}
}
/*
     FILE ARCHIVED ON 18:45:18 Sep 10, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:56:21 Sep 20, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.392
  exclusion.robots: 0.044
  exclusion.robots.policy: 0.035
  esindex: 0.006
  cdx.remote: 50.439
  LoadShardBlock: 147.273 (3)
  PetaboxLoader3.datanode: 67.709 (4)
  PetaboxLoader3.resolve: 1326.648 (2)
  load_resource: 1292.131
*/