*,*:before,*:after{
	padding: 0;
	margin: 0;
	
	box-sizing: border-box;
}
html,body{
	height: 100%;/*условия прижатия фурора к низу*/
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	
}

body {
    

    margin: 0;
    
    font-size: 15px;
    line-height: 1,6;
    color:#000;



}

.wrapper {
	min-height: 100%;/*условия прижатия фурора к низу*/
	display: flex;
	flex-direction: column;

}

.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 50;
	
}
.header:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 2;
    opacity: 80%;
	align-items: center;
	margin: 0 auto;}

.header__body {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 70px;
	align-items: center;
	

	
}
.header__logo {
	margin-left: 5%;
	position: relative;
	z-index: 3;
	
}
.header__logo img{
	width: 170px;
	height: auto;
	display: block;
	margin-left: 0;
	
}

.header__burger {
	display: none;
}
.header__menu {

}


.header__list {
	display: flex;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	margin-right: 30px;
}
.header__list li{
	list-style: none;
	margin: 30px 20px 0px 10px;
	position: relative;

}
.header__link {
	color: #000;
	text-transform: uppercase;
	font-size: 15px;
	text-decoration: none;
	font-weight: 100;
}
.header__link:after{
content: "";
	display: block;
	width: 0%;
	height: 1px;
	background-color:#000;
    padding: 20;
	position: absolute,center;
	top: 100%;
	left: 0;
	z-index: 1;
	transition: width .6s ;
	margin: 8px auto;}

.header__link:hover {
	color: #b05dda;
font-weight: 400;


}

.header__link:hover:after {
	padding: 20;
	opacity: 1;
	width: 100%;

}
.header__link1 {
	color: #000;
	text-transform: uppercase;
	font-size: 15px;
	
	text-decoration: none;
font-weight: 400;
}

.header__link1:after{
content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color:#000;
    
	position: absolute,center;
	top: 100%;
	left: 0;
	z-index: 1;
	transition: width .6s ;
	margin: 8px auto;}

.header__link:hover {
	color: #b05dda;
font-weight: 400;
}

.header__link:hover:after {
	opacity: 1;
	width: 100%;

}
.main {

	margin-top: 80px;
	flex: 1 1 auto;/*условия прижатия фурора к низу*/

}

.content {
	max-width: 1000px;
	margin: 0 auto;
}
.slider {
    
    width: 100%;
    margin: 70px auto;
    padding-top: 0 ;
    
    background-size: cover;
    margin-bottom: 70px;
    
}

.titel {
	margin: 0 auto;
	font-size: 20px;
	color: #9d4bb7;
	font-weight: 500;
	padding: 10px 20px;
}


.titel1 {
	margin: 0 auto;
	font-size: 30px;
	color: #9d4bb7;
	font-weight: 500;
	padding: 10px 20px;
	text-align: center;

}
.section {
	
	max-width: 1000px;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	text-align: center;
	margin: 0 auto;
flex-wrap: wrap;
margin-top: 27%;
}
.section1 {
	
	max-width: 1000px;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	text-align: center;
	margin: 0 auto;
flex-wrap: wrap;
margin-top: 5%;
}
.article {
	max-width: 1000px;
	
font-weight: 400;
	color: #000;
   display: flex;
	flex-direction: row;
   font-weight: 100;
   font-size: 20px;
	flex-wrap: wrap;
	margin-bottom: 10%;
	
	}
.article1 {
	max-width: 1000px;
	
	color: #000;
   display: flex;
	flex-direction: row;
   font-weight: 100;
   font-size: 25px;
	flex-wrap: wrap;
	margin-bottom: 10%;
	
	}

	
	.text1 {
	padding: 10px 30px;
		text-align: left;
		width: 100%;
	font-family: 'Roboto', sans-serif;
font-weight: 400;}


	.text2 {
	padding: 10px 30px;
		text-align:center;
		width: 50%;
		color: #000;
		margin-top: 3%;
		font-family: 'Roboto', sans-serif;
font-weight: 400;


	}

       .text2 img {
			
			
			width: 238px;
			height: auto;
	}

.text3 {padding: 10px 30px;
		text-align:center;
		width: 50%;
		margin-top: 1%;
	color: #000;
font-family: 'Roboto', sans-serif;
font-weight: 400;}

.text3 img {
	align-content: center;
	width: 250px;
	height: auto;
}
.text4 {
	color: #000;
	width: 100%;
	text-align:center;
	padding: 0 20% 0 20%;
	font-family: 'Roboto', sans-serif;

	
}

.text5 {padding: 10px;
		text-align:left;
		width: 50%;
	color: #000;
font-family: 'Roboto', sans-serif;
ont-weight: 400;}



.text6 {padding: 10px;
		text-align:left;
		width: 50%;
	color: #000;
font-family: 'Roboto', sans-serif;
ont-weight: 400;}

	.blog {

		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		align-items: center;

	}
.blog__item {
width: 50%;

align-items: center;
padding: 4%;


}

.blog__header {
	position: relative;
	margin-bottom: 14px;
	margin-right: 3%;
	margin-left: 3%;

}

.phon {
	font-size: 30px;
	color: black;
	font-weight: 600;
}

.LangIcon {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	color: #808881;
	font-size: 15px;
	font-weight: 300;
	position: fixed;
bottom: 10px;
left: 90%;
	z-index: 5;
	}

	
	.LangIcon img {
		width: 25px;
       cursor: pointer;
       

   }
	
	
	.LangIcon1 {
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	color: #808881;
	font-size: 15px;
	position: fixed;

bottom: 10px;
left: 94%;
	z-index: 5;
	}
	.LangIcon1 img {
		width: 25px;
	}
	.impressum  a{
		font-size: 30px;
		letter-spacing: 18px;
		
		color: white;
		text-decoration: none;
		font-family: sans-serif;
		}
.impressum  h6{
	font-weight: 100;


}

.footer {
	height: 120px;
	font-size: 40px;
	color: white;
background-color:#351b52;
text-align: center;
	padding: 40px;}

	.section7 {
	
	max-width: 700px;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	text-align: center;
	margin: 10% auto;
flex-wrap: wrap;
margin-bottom: 2%;

}

.article7 {
	
	font-family: "Dancing+Script";
	color: #343736;
   display: flex;
	flex-direction: row;
   font-weight: 500;
   font-size: 25px;
	flex-wrap: wrap;
	
	
	}

	

.text7 p {
	padding: 0 30px;
		text-align: left;
		width: 100%;

font-family: 'Roboto', sans-serif; ;
	}

	@media (max-width:768px){
.slider {


    
    width: 100%;
    margin: 100px auto;
    padding-top: 0 ;
    
    background-size: cover;
    margin-bottom: 70px;
    
}

.blog {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;

	}
.blog__item {


width: 100%;
margin-left: 3%;
align-items: center;

}
.text1 {
	padding: 10px 30px;
		text-align: left;
		width: 100%;}

	.text2 {
	padding: 10px 30px;
		text-align: center;
		width: 100%;
	}
	.text3 {padding: 10px 30px;
		text-align: center;
		width: 100%;}

		.text5 {padding: 10px;
		text-align:center;
		width: 100%;
	color: #000;}


.text6 {padding: 10px;
		text-align:center;
		width: 100%;
	color: #000;}

.portret {

	margin-left: 30%;
}
	.header__body {
		height: 90px;
        
	}
	.header__logo {
		flex: 0 0 30px;
	}
	.header__logo img{
	width: 200px;
	height: auto;
	display: block;
	
	margin-top: 2%;
	
}
	.header__burger {
		display: block;
		position: relative;
		width: 30px;
		height: 20px;
		margin: 0 10% 0 0;
		position: relative;
		z-index: 3;
	}
	.header__burger span{
		position: absolute;
		background-color: #000;
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		top: 9px;
		transition: all 0.3s ease 0s;
	}
	.header__burger:before,
	.header__burger:after{
		content: '';
		background-color: #000;
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		transition: all 0.3s ease 0s;
	}
	.header__burger:before{
		top: 0;
	}
	.header__burger:after{
		bottom: 0;
	}

	.header__burger.active span{
		transform: scale(0);
	}

	.header__burger.active:before{
		transform:rotate(45deg);
		top: 9px;
	}
	.header__burger.active:after{
		transform:rotate(-45deg);
		bottom: 9px;
	}

	.header__menu {
		position: fixed;
		top: -115%;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		transition: all 0.3s ease 0s;
		background-color: #4c237f;
		padding: 50px 10px 20px 10px;
		margin: 90px 0 0 0;
	}

	.header__menu.active{
		top: 0;
	}

	.header__list {
		display: block;
	}
	.header__list li{
		margin: 0px 0px 20px 0px;
	}
	.header__link {
		font-size: 24px;
		color: #fff;
		font-weight: 100;
	}
	.header__link1 {
		font-size: 24px;
		color: #f7cc8f;
	}
	.header__link1:hover {
		font-size: 24px;
		color: #fff;
	}
	.header__link:hover {
	color: #f7cc8f;

}
.
.section1 {
	
	max-width: 1000px;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	text-align: center;
	margin: 0 auto;
flex-wrap: wrap;
margin-top: -17%;

}
.LangIcon {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	color: #808881;
	font-size: 15px;
	font-weight: 300;
	position: fixed;
bottom: 10px;
left: 60%;
	z-index: 5;
	}
	.LangIcon img {
		width: 40px;
       cursor: pointer;
       position: relative;
	}
	.LangIcon img: hover {
width: 40px;
	}
	.LangIcon1 {
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	color: #808881;
	font-size: 15px;
	position: fixed;

bottom: 10px;
left: 80%;
	z-index: 5;
	}

	.LangIcon1 img {
		width: 40px;
	}}

	
@media (max-width:600px)


{.text4 {
	color: #000;
	width: 100%;
	text-align:center;
	padding: 0 5% 0 5%;
	margin-top: 25%;
}
	.slider {


    
    width: 100%;
    margin: 90px auto;
    padding-top: 0 ;
    
    background-size: cover;
    margin-bottom: 70px;
    
}
.main {
	margin-top: -2%;
}
.text2 {
	margin-top: 18%;
}
.titel {

	margin: 60px auto;
	font-size: 20px;
	color: #9d4bb7;
	font-weight: 500;
	padding: 10px 20px;
}
.section1 {
	
	max-width: 1000px;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	text-align: center;
	margin: 0 auto;
flex-wrap: wrap;
margin-top: 5%;

}

.LangIcon {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	color: #808881;
	font-size: 15px;
	font-weight: 300;
	position: fixed;
bottom: 10px;
left: 60%;
	z-index: 5;


	}

.LangIcon1 {
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	color: #808881;
	font-size: 15px;
	position: fixed;

bottom: 10px;
left: 80%;
	z-index: 5;
	}}