/* roboto-300 - latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#Roboto') format('svg'); /* Legacy iOS */
}



html, body {
	padding: 0px;
	margin: 0px;
	width: 100%;
    overflow-x: hidden;
}

/* Style the links inside the sidenav */
#mySidenav a {
  position: fixed; /* Position them relative to the browser window */
  right: -130px; /* Position them outside of the screen */
  transition: 0.3s; /* Add transition on hover */
  padding: 9px;
  width: 175px; /* Set a specific width */
  text-decoration: none; /* Remove underline */
  color: white; /* White text color */
  border-radius: 10px; /* Rounded corners on the top right and bottom right side */
  z-index: 999;
}

#mySidenav img {
	height: 40px;
	margin-right: 15px;
	float: left;
}

#mySidenav a:hover {
  right: -15px; /* On mouse-over, make the elements appear as they should */
}

/* The about link: 20px from the top with a green background */
#mySidenav #home {
  top: 200px;
  background-color: #ed5a3a;
}

#mySidenav #about {
  top: 275px;
  background-color: #5dbc70;
}

#mySidenav #blog {
  top: 350px;
  background-color: #f59d37; /
}

#mySidenav #learning{
	top: 350px;
	background-color: #5abb5f;
}

#first_para{
	padding-right: 40px;
}



#header, .container article > div.wp-block-group {
	width: calc(100% - 90px);
	padding-left: 45px;
	padding-right: 45px;
}

.container > .bs-example-navbar-collapse-1{
	display: inline-block;
}


#header .container {
	height: auto;
	border-bottom: 1px solid #777777;
}

.container {
	display: inline-block;
	width: 100%;
}

#header nav li {
	float: left;
	margin-right: 30px;
	list-style-type: none;
}

#header{
	height: 200px;
}

#bs-example-navbar-collapse-1{
	display: inline-block;
}



#header nav li a {
	text-decoration: none;
	color: #777777;
	font-size: 20px;
}

#header nav li:hover a {
	text-decoration: none;
	color: #ed5a3a;
}

#header nav li.lang-item {
	margin-top: 4px;
}

#header .container > a > img {
	float: left;
	height: 140px;
}

body, h1, h2, h3, h4, h5, h6, p, a, span {
	font-family: 'Roboto';
	font-style: normal;
  	font-weight: 300;
  	font-size: 14px;
  	color: #777777;
}

p {
  	line-height: 1.2em;
}

.wp-block-columns { 
	margin-bottom: 0px !important;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-family: 'Roboto';
	font-style: normal;
  	font-weight: 700;
  	font-size: 55px;
  	color: #f59d37;  	
}

h2 {
	font-family: 'Roboto';
	font-style: normal;
  	font-weight: 700;
  	font-size: 32px;
  	color: #f59d37;
}

h3 {
	font-family: 'Roboto';
	font-style: normal;
  	font-weight: 700;
  	font-size: 24px;
  	color: #5dbc70;
}

h4 {
	font-family: 'Roboto';
	font-style: normal;
  	font-weight: 300;
  	font-size: 18px;
  	color: #777777;
}

div#home {
	margin-top: 40px;
	background-image: url('./img/bgTopBlock.png');
	min-height: 700px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

div#home .wp-block-buttons {
	margin-top: 35px;
} 

div#about {
	padding-top: 20px;
	background-color: #2AB471;
	color: #fff;
}

div#about p {
	color: #fff;
}

div#about h2, div#about h4 {
	color: #fff;
}

div#about .wp-block-columns .wp-block-column:nth-child(2) .wp-block-columns .wp-block-column:first-child {
	align-self: flex-end;
}

div#about .wp-block-columns .wp-block-column:nth-child(2) .wp-block-columns .wp-block-column:nth-child(2) img {
	height: 43px;
	width: 43px;
}

div#about ol li {
	margin-bottom: 1em;
}

div#partner  {
	padding-bottom: 60px;
}

div#partner .wp-block-column img {
	max-height: 65px;
	cursor: pointer;
}

div#partner .wp-block-column .wp-block-image {
	text-align: center;
}


div#award {
	background-color: white;
	padding-bottom: 60px;
}

div#award p {
	margin-bottom: 0px;
}

div#award + div {
	background-image: url('./img/Sun.png');
	background-size: 150px;
	background-repeat: no-repeat;
	background-position: 33% center;
	background-color: white !important;
	
}

.invertHV{
	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}

div#gallery {
	background-color: #6BC967;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 40px;
}

div#gallery p, div#gallery h4 {
	color: #fff;
}

div.mehrzuunserentools{
	padding: 45px 45px 60px 0px;
	width: calc(100% - 90px);

	background-color: white;
}

div.partnerBlock{
	background-color: #F2F2F2;
}

.wp-block-gallery {
	max-height: 300px;
}

.subpage article p{
	/*margin-bottom: pxpx;*/
	margin-left:60px;
}

.subpage article ul{
	list-style-position: inside;
	/*margin-bottom: pxpx;*/
	margin-left:60px;
}

.subpage article h3 {
	margin-top:60px;
	margin-left: 60px;
	color: #f59d37;
}

.navbar{
	margin-left: 10px;
}

.navbar-nav{
	float: right;
	margin-top: 48px;
}

footer > div > .nav{
	float: none;
	margin: 0px;
}

.margin-top{
	margin-top: 100px;
}

footer {
	margin-left: 45px;
	margin-right: 45px;
	min-height: 150px;
	background-image: url('./img/CITY.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 130%;
}

ul {
	padding-inline-start: 10px;
	margin: 10px;
}

footer li {
	float: left;
	margin-right: 5px;
}

footer li a {
	text-decoration: none;
}

footer li a:after {
	content: '|';
	margin-left: 5px;
}

footer li:last-child a:after {
	content: none;
}

footer li:hover a {
	text-decoration: none;
	color: #ed5a3a;
}

footer ul {
	padding: 0px;
}

footer li, footer ul {
	list-style: none;
}

.galleryBlock > div > figure > ul > li > figure{
	height: auto !important;
}

.youtubegallery > div > figure > div > iframe{
	display: block;
	margin: 0 auto;
}

.yt_embed > div > iframe{
	display: block;
	margin: 0 auto;
}


@media(max-width: 1170px) {
	#header nav li, #header nav li.lang-item {
	margin-right: 5px;
	}
}

@media(max-width: 800px) {
	#header nav li {
	list-style: none;
	float: none;
	z-index: 99;
	}
	
	#header nav li.lang-item  {
	float: left;
	}
	
	#menu-primary {
	margin-top: 0px;
	}
}



@media(min-width: 1800px){
	#home{
		padding-bottom: 200px;
	}
}


@media(min-width: 600px) and (max-width: 730px){
	#home{
		padding-bottom: 200px;
	}
}

@media(max-width: 500px) {
	#header .container > a > img {
		height: 60px;
	}
	
	#header nav li a {
		font-size: 16px;
	}
}

@media(max-width: 330px) {
	#header .container > a > img {
		height: 45px;
	}
}


.halfsizeW{
	width: 50%;
}

#more_tools > div{
	width: 1000px;
}

.symphony_a figure, .symphony_a > p{
	width: 225px;
	margin: 20px auto;
}

#partner > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column > figure > img{
	width: auto;
}