@charset "UTF-8";
body {
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#wrapper {
margin: 0 auto;
width: 480px;
height: 1200px;
background-image: url(../higru/higru-index-phone.jpg);
background-repeat: no-repeat;
}
#header {
width: 470px;
height: 220px;
color: #007CC2;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-variant: normal;
font-size: 12pt;
margin-left: 10px;
margin-right: 0px;
margin-top: 50px;
}
#logo {
width: 470px;
height: 220px;
margin-top: 30px;
background-image: url(../goetz-logo-phone.png);
background-repeat: no-repeat;
}
#bildtext #text h1 {
font-size: 18pt;
text-align: center;
}
#logo h1   {
color: #007CC2;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size: 10pt;
text-indent: -9999px;
width: auto;
}
#content {
width: 460px;
height: 750px;
margin-left: 10px;
margin-top: 30px;
}
#nav {
color: #007CC2;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
float: left;
margin-top: 0px;
width: 200px;
height: auto;
}
#nav ul li {
list-style-type: none;
display: block;
width: 200px;
height: 50px;
padding-top: 8px;
}
#nav ul li a:hover {
	color: #000000;
}
#nav ul li a {
color: #007CC2;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13pt;
text-align: left;
text-decoration: none;
}
#nav ul  {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#bildtext {
width: 460px;
height: 650px;
float: right;
}
#bildtext #bild #slideshow {
width: 460px;
height: 236px;
}
#bild   {
width: 460px;
height: auto;
}
#text {
width: 460px;
height: 480px;
color: #000000;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size: 14pt;
text-align: center;
}
#text h1 {
font-size: 17pt;
color: #007CC2;
text-align: left;
}
#footer {
width: 460px;
height: 30px;
color: #007CC2;
margin-left: 10px;
margin-right: 0px;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-variant: small-caps;
font-weight: bold;
font-size: 11pt;
text-decoration: none;
text-align: center;
clear: both;
}
#footer a {
text-decoration: none;
color: #007CC2;
font-size: 11pt;
text-align: center;
}
#footer a:hover {
color: #000000;
}
/* Der Hamburger-Button: */
#hamburger{position:-webkit-sticky;position:sticky;top:0;z-index:5;left:calc(100% - 45px);width:30px;top:5px;-webkit-tap-highlight-color:transparent;}
#menutxt{font-family:Arial;font-size:10px;display:block;width:30px;text-align:center;margin-top:2px}
#buttonname{font-size:0}.c-hamburger{display:block;position:relative;overflow:hidden;margin:0;padding:0;width:30px;height:28px;border:none;cursor:pointer;transition:background .3s}
.c-hamburger:focus{outline:0}
.c-hamburger span{display:block;position:absolute;top:12px;left:0;right:0;height:6px;background:#555}
.c-hamburger span::after,.c-hamburger span::before{position:absolute;display:block;left:0;width:100%;height:6px;background-color:#555;content:““}
.c-hamburger--htx,.c-hamburger--htx.is-active{background-color:transparent}.c-hamburger span::before{top:-10px}
.c-hamburger span::after{bottom:-10px}.c-hamburger--htx span{transition:background 0s .3s}
.c-hamburger--htx span::after,.c-hamburger--htx span::before{transition-duration:.3s,.3s;transition-delay:.3s,0s}
.c-hamburger--htx span::before{transition-property:top,transform}
.c-hamburger--htx span::after{transition-property:bottom,transform}
.c-hamburger--htx.is-active span{background:0 0}
.c-hamburger--htx.is-active span::before{top:0;transform:rotate(45deg)}
.c-hamburger--htx.is-active span::after{bottom:0;transform:rotate(-45deg)}
.c-hamburger--htx.is-active span::after,.c-hamburger--htx.is-active span::before{transition-delay:0s,.3s}
#bildtext #bild #slideshow img {
width: 460px;
height: 236px;
}
#text2 .fließtext img {
width: 130px;
height: auto;
}

@media screen and (min-width:550px) {
	#navi {display:block}
	#hamburger {display:none;}
}
/* Das Menü */
#nav {
	display:none;
	background:#ddd;
	position:-webkit-sticky;
	position:sticky;
	top:0;
	padding:5px;
}