@font-face {
	font-family: 'GothamBook';
	src: url('/templates/react/font/gotham/GothamBook.eot');
	src: local('GothamBook'), url('/templates/react/font/gotham/GothamBook.woff') format('woff'), url('/templates/react/font/gotham/GothamBook.ttf') format('truetype');
}

@font-face {
	font-family: 'gothambold1';
	src: url('/templates/react/font/gotham/gothambold1.eot');
	src: local('gothambold1'), url('/templates/react/font/gotham/gothambold1.woff') format('woff'), url('/templates/react/font/gotham/gothambold1.ttf') format('truetype');
}

@font-face {
	font-family: 'GothamLight';
	src: url('/templates/react/font/gotham/GothamLight.eot');
	src: local('GothamLight'), url('/templates/react/font/gotham/GothamLight.woff') format('woff'), url('/templates/react/font/gotham/GothamLight.ttf') format('truetype');
}


.font1 {
	font-family: 'GothamBook' !important;
}


.font2 {
	font-family: 'gothambold1' !important;
}


.font3 {
	font-family: 'GothamLight' !important;
}

.contact-details a,
.contact-details a:hover
{border-bottom:none !important}

.waves-light-blue-skin .waves
{background-color:#34446e !important}

.brand-logo > img
{width:246px;
height: 45px;
margin-top:20px}

nav .table-of-contents a, nav .table-of-contents a:hover, nav a, nav ul a
{font-family: 'GothamLight' !important;
font-size:18px;
color:#000 !important }


.waves-light-blue-skin h1.Slider1
{z-index:10;
font-size:4.5rem;
font-weight:normal !important;
letter-spacing:0px !important;
color:#fff}

.waves-light-blue-skin h1.Slider1
{-webkit-transform:translateX(-50%);
transform:translateX(-50%);
position:absolute;
top:20%;
left:50%;
width:90%;
text-align:left}

.waves-light-blue-skin h1.Slider1
{font-family: 'gothambold1' !important;
font-size:31px}

.Slider4
{font-family: 'GothamLight' !important;
font-size:31px}

.Slider2
{font-family: 'GothamLight' !important;
font-size:19px;
display:block;
margin-top:15px;
line-height: 28px}

.Slider3
{font-family: 'GothamLight' !important;
font-size:14px}

.Slider5
{font-family: 'GothamBook' !important;
font-size:14px}

h2
{font-family: 'gothambold1' !important;
font-size:40px !important;
text-transform: uppercase !important;
	letter-spacing: 0px !important
}

h2::after
{
background-color: #000 !important;
	top: -2.5rem
}

h2 span
{padding-right: 7rem !important;
padding-left: 7rem !important}

h4
{font-family: 'gothambold1' !important;;
font-size:1.8rem}
h3
{font-family: 'gothambold1' !important;}

tr td:nth-child(1) {width:100px}

p {font-family: 'GothamBook' !important;}

footer.page-footer
{background: none !important}

.footer-copyright{
	background-color:#34446e !important;
	color:#fff !important;
	text-align: center !important;
	height:120px !important;
	padding-top:25px
	
}

.left
{float:left !important;
	padding-top:10px}
		
.right
{padding-top:10px}

.data
{float:right !important;
text-align: left;
line-height: 30px}

.footerlogo
{width:154px;
height:72px}

address::before
{content:url('/images/Mergl/Mergl-icon-ort.jpg');
float:left;
margin-top:-10px;
	transform: scale(.5)}

telefon::before
{content:url('/images/Mergl/Mergl-icon-tel.jpg');
float:left;
	margin-top:-10px;
	transform: scale(.5)}

mail::before
{content:url('/images/Mergl/Mergl-icon-web.jpg');
float:left;
margin-top:-10px;
transform: scale(.5)}

address, mail, telefon
{font-family: 'GothamLight' !important;
font-size:20px;
	line-height: 30px;
padding-left:90px}

.contact-details telefon,
.contact-details mail,
.contact-details address
{margin-top:15%;
display: block}

footer.page-footer
{margin-top: 0px !important;
padding-top:0px !important}

.about .philosophy
{text-align: center;
font-family: 'GothamLight' !important;
		font-size:30px;
padding:2rem 0 2rem}

.grey.lighten-4
{background-color:#f2f2f2 !important}

.profiltext1
{font-family: 'GothamLight' !important;
font-size:20px;
line-height: 30px;
width:60%;
margin-bottom: 80px}

.profiltext2
{font-family: 'GothamLight' !important;
font-size:20px;
line-height: 30px;
width:60%}

.profiltext3
{font-family: 'GothamBook' !important;
font-size:20px;
line-height: 30px;
width:60%;
margin-top:60px}

.zoomable
{max-width: 100%}

.profilimage1
{margin-bottom:80px}

.medium
{font-family: 'GothamBook' !important;}

.subhead
{font-family: 'GothamLight' !important;
font-size:40px;
text-align: center;
margin-bottom:40px;
line-height: 50px;}

@media only screen and (min-width:601px)
	{nav, nav.nav-wrapper i,nav a.button-collapse,nav a.button-collapse i{height:84px !important;line-height:84px !important}
		
}

.table-of-contents li .active, .table-of-contents li a, .table-of-contents li a:hover
{margin:0 40px !important;
color:#000 !important}

a
{color:#34446e}

a.imprint
{color:#fff}

.projects .content div
{font-family: 'gothambold1';
font-size: 30px;
text-transform: uppercase;
line-height: 40px}

.modal h4
{font-family: 'gothambold1';
padding-top: 20px}


.modal h5
{font-family: 'GothamLight';
padding-bottom:20px}

.flow-text
{font-family: 'GothamLight' !important;
line-height: 30px;
font-size:20px}

.projectdetails
{font-family: 'gothambold1';
text-transform:uppercase;
color:#000000}

nav, nav a
{color:#000000 !important}

.side-nav a
{font-size:22px}

.side-nav
{width:200px}

.side-nav li
{padding: 10px 5px}

@media only screen and (max-width:992px)
{
.rectangle-50 {padding-bottom: 66.67% !important}
	
.profiltext1, .profiltext2, .profiltext3
{width:80%;}
	
	.profiltext3
	{margin-top:20px;
	display: block}
	
	.philosophy > div:nth-child(1) > br:nth-child(1)
	{display: none}
	
	address, mail, telefon
{padding-left:0px}

.contact-details telefon,
.contact-details mail,
.contact-details address
{margin-top:5%;}

section
	{padding-bottom: 2rem}
	

.row div:nth-child(2) {margin-top: 20px}
	
	nav
	{height:84px;
	line-height: 84px}
	
	}

@media only screen and (max-width:420px)
{
.brand-logo > img
{width:189px;
height: auto;
margin-top:20px}
	
	h2 span
{padding-right: 0rem !important;
padding-left: 0rem !important}
	
	.Slider4
{font-family: 'GothamLight' !important;
font-size:27px}
	
	.waves-light-blue-skin h1.Slider1
{font-family: 'gothambold1' !important;
font-size:28px}
	
	.Slider2
{font-family: 'GothamLight' !important;
font-size:19px;
display:block;
margin-top:15px;
line-height: 28px}
	
	.Slider2 > br:nth-child(1),
	.Slider2 > br:nth-child(2),
	.Slider2 > br:nth-child(3)
	{display: none}
	
	.Slider4 > br:nth-child(1)
	{display:none}
	
	.projects .content div
{font-size: 25px;}
	
	.subhead
{font-size:28px;
line-height: 35px;}

	.profiltext1, .profiltext2, .profiltext3
{width:100%;}
	
	.about .philosophy
{font-size:22px;}
	
p
	{font-family: 'GothamLight' !important;}
	
}

@media only screen and (max-width:320px)
{
	
}