/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
	font-family:"Open Sans", sans-serif;
	background-color:#fff;
}

#content {
/*	background-image:url(../img/rough-body-study2.jpg);
	background-position:center center;
	background-size:auto;	*/
}

figure {
	display:none;
}

strong {
	font-weight:600;
}

h1 {
	font-size: 1rem;
	color: #EFC825;
	font-weight: 600;
	margin-left: 3rem;
}

h2 {
	font-size:1.6rem;
	color: #9d9d9d;
	font-weight:600;	
	margin-bottom: 0.5rem;
	margin-top: 1.5rem;	
}

.welcome {
	font-size:1.6rem;
	margin-top: 3.5rem;			
}

h3 {
	font-size: 1.2rem;
	color: #E8BD11;
	font-weight: 600;
	margin-bottom: 0m;
	margin-top: 1.2rem;
}


.title-bar {
	background-color: #949494;
}

.title-bar-title {
	color: #fff;
}

.menu-icon::after, .menu-icon:hover::after {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}


.off-canvas {
    background-color: #ffe596;
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:100;
}

.bgstart, .bggalerie, .bgimpressum, .bgbewerbungen {
	background-image:url(../img/bg.jpg);
}

.bgueber-uns, .bganfahrt, .bgdatenschutz, .bgaktuelles {
	background-image:url(../img/bg2.jpg);
}

.position-left {
    height: 100%;
    transform: translateX(-320px);
    width: 320px;
}

.off-canvas-content.is-open-left.has-transition-push {
    -ms-transform: translateX(320px);
    transform: translateX(320px);
}

h1, h2, h3 {
	font-family:"Open Sans", sans-serif;	
}

p, ul {
	font-family:"Open Sans", sans-serif;	
	color: #333;
	margin-top:1.5rem;
	font-weight:400;
}

#address p {
	font-size:0.9rem;
	margin-top:0;
	z-index:999;
}	
	

ul {
	color:#EFC825;	
	list-style-type:square;
}

ul ul {
	list-style-type:square;
	margin-top:0.6rem;
	margin-bottom:1rem;
}

ul strong {
	font-weight:600;
}


a {
	color: #9B0E51;
	font-weight:500;	
}

a:hover {
	color: #D9AAC5;
}

p a, p a:visited {
    color: #9B0E51;
}

p a:hover {
	color: #B4548B;
}

.button a, .button a:visited {
    color: #666;
}

.button a:hover {
    color: #FB9700;
}

.off-canvas-wrapper-inner {
}

.menu, .menu a {
	font-size:1.1rem;
	font-weight:400;
	padding-right:2rem;
	text-align:left;
	float:right;
	width:220px;
    display: block;	
	font-weight:600;
}

.menu > li > a, .menu > li.active {
	color:#9d9d9d;
    line-height: 1;
    padding: 1rem 1rem;
	width:200px;
	background-color:#ffe596;
	margin-bottom:1.3rem;
	font-weight:600;	
}

.menu > li.active {
	color:#5f5f5f;	
	background-color:#fff;	
	float:right;	
    box-shadow: -10px 10px 20px -13px rgba(10, 10, 10, 0.25);
			
}

.menu > li > a:hover {
	color: #FBBC00;
	background-color: #fff;
	box-shadow: -13px 10px 20px -13px rgba(10, 10, 10, 0.25);
}

.fltrt {
	float:right;
}

.fltlt {
	float:left;
}

.name { display:none; }

.button {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0px;
    color: #666;
    cursor: pointer;
    display: inline-block;

    line-height: 1;
    margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top:0;
	margin-bottom: 2rem;
	padding:1rem;

    text-align: right;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
    vertical-align: middle;
}

.button-group .button {
    font-size: 1rem;
}

.button:hover {
	background-color: #fbd184;
	color: #fff;
}

.button.is-checked {
	background-color: #f9b233;
	color: #fff;
}

.button-group {
	text-align:right;
    margin-top: 2rem;
}

.map {
	width:100%;
	height:600px;;
}

.topnavigation {
	margin-top:0rem !important;	
	width:100%;
}

.sign {
	margin:0;
	padding:0;
}

.textsmaller {
	font-size:80%;
}

.accordion-title {
	background-color: #FCF1D0;
	position: relative;
	display: block;
	padding: 1.25rem 1rem;
	border: 0px;
	font-size: 1.2rem;
	line-height: 1;
	color: #8D8D8D;
	margin-top: 1rem;
	font-weight: 600;
}

.accordion-title:hover, .accordion-title:focus {
	background-color: #FFD946;
    color: #fff;
	text-shadow: 0px 1px 3px rgba(192, 154, 0, 1);	
}

.roundframe img{
	border-radius:50%;
	display:inline-block;
	margin:0;
	padding:0;
}
#header {
	background-color:#9d9d9d;
	width:100%;
	height:200px;
	z-index:999;
}

#content {
	padding-right:0;
}

#innercontent {
	padding-right:3rem;
	padding-bottom:10rem;
	min-height:1000px;
}

#address {
	padding:3rem;
	background-color:#ffd946;
	height:100%;
	display:block;
	z-index:9;
}

.menu {
	padding-right:0rem;
}

.colored {
	color:#9B0E51;
	font-weight:600;
}

.black {
	color:#000;
}

.grid-padding-x .cell {
	padding-left:0;
	padding-right:1.875rem;
}

#logo {
	background-image:url(../img/logo-ergomeile.svg);
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	z-index:99;
}	

#contact {
	position:absolute;
	bottom:0;
	right:0;
	padding:0rem;	
	display:block;
}

#contact p, .contactsmall p {
	color:#000;
	text-align:right;
	margin-bottom:0;
	margin-top:0.9rem;
	margin-right:0rem;
	
}

.legal {
	font-size:110%;
	line-height:1.3;
	font-weight:500;
}

#contact p a, .contactsmall a {
	color: #E3C4D6;
	text-decoration:underline;
}


#contact p a:hover, .contactsmall a:hover {
	color: #ECB447;
}
	
.contactsmall {
	margin-top:1rem;
	padding-top:0rem;
	display:none;
	padding:1rem;	
    background-color: #9B0E51;
}

.contactsmall p {
	text-align:left;
	color:#FFF;
}

#bottom-logo {
    position: fixed;
    bottom: 0px;
    background-image: url(../img/weg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 44vh;
	height:30vh;
	right:20px;
    display: block;
    pointer-events: none;
    z-index: 99;
}

#innercontent img {
	width:100%;
}

#innercontent img.dve-logo {
	max-width:250px;
}

.orbit-caption {
    background-color: rgba(255, 255, 255, 0.3);
    color: #5F5F5F;
}

.logo-rathaus {
	background-position:3vw 40px;
	background-repeat:no-repeat;
	background-image:url(../img/logo_rathaus-der-medizin.svg);
	background-size:190px;
}

#innercontent img.small-logo {
	width:80px;
	height:80px;
}

@media only screen and (max-width: 30em) {

	.button {
		width:260px;
		text-align:center;
	}
	
	#content {
		padding-left:5%;
		padding-right:5%;
	}
	
	.grid-padding-x .cell {
		padding-right:0rem;
	}		
	
	#address p {
		font-size:1rem;
	}	
		

}

@media only screen and (max-width: 39.99em) {
	
	#logo {
		position:fixed;
		top:15px;
		right:15px;
		width:160px;
		height:100px;
	}
	
	.contactsmall {
		display:block;
	}
	
	.grid-padding-x .cell {
		padding-right:0rem;
	}	
	
	#content {
		padding-left: 0;
		padding-right: 0;		
	}
	
	#innercontent {
		padding-left:1rem;
		padding-right:1rem;
		padding-bottom: 1rem;
	}	
	
	#address {
		padding-top:0;
		padding-left:1rem;
		padding-right:1rem;
	}	
	
	#bottom-logo {
		display:none;
	}
	
	#address p {
		margin-top:1rem;
	}	
		
	
}

@media screen and (min-width: 40em) {
	
	#logo {
		top:15px;
		left: 0;
		margin-left: 1rem;	
	}
	
	#content {
		padding-left:5%;
		padding-right:0;
	}
	
	#contact {
		position:fixed;
		z-index:999;
		width:100%;
		color:#fff;
		background-color:#9B0E51;
		display:block;
		bottom:0;
		padding-left:2rem;
		padding-right:2rem;		
	}
	
	#contact p {
		color:#fff;
		margin-top:0.5rem;
		margin-bottom:0.5rem;
		text-align:center;
	}
	
	.sticky-container {
		height:0 !important;
	}
	
	#logo {
		margin-top:2rem;
		width:450px;
		height:135px;
	}	
	
	#address {
		padding:1rem;
	}
		
}

@media screen and (min-width: 63em) {
	.position-left {
		transform: translateX(-350px);
		width: 350px;
	}

	.off-canvas-content.is-open-left.has-transition-push {
		-ms-transform: translateX(350px);
		transform: translateX(350px);
	}	

	#logo {
		margin-top:0;
	}		
	
}

@media screen and (min-width: 64em) {

	.menu {
		font-size:1.3rem;
		padding-right:0rem;
	}

	.menu a, .menu > li.active {
		font-size:1.2rem;
	}
	
	.menu > li > a, .menu > li.active {
		padding: 1rem 1.2rem;
	}	

	.position-left {
		transform: translateX(-320px);
		width: 320px;
	}

	.off-canvas-content.is-open-left.has-transition-push {
		-ms-transform: translateX(320px);
		transform: translateX(320px);
	}	

	#logo {
		width:500px;
		height:150px;
	}	

	.off-canvas-content {
		margin-left:320px !important;
	}	
	
	.off-canvas {
		padding-top:200px;;
	}
		
	.off-canvas-wrapper-inner {
		padding-top:0px;
	}
	
	#address {
		padding:1.5rem;
	}
}

@media screen and (min-width: 80em) {
	.menu {
		font-size:1.4rem;
		padding-right:0;
	}
	
	.menu a, .menu > li.active {
		font-size:1.3rem;
	}
	
	.menu > li > a, .menu > li.active {
		padding: 1rem 1.2rem;
	}	

	.position-left {
		transform: translateX(-400px);
		width: 400px;
	}

	.off-canvas-content.is-open-left.has-transition-push {
		-ms-transform: translateX(400px);
		transform: translateX(400px);
	}	
	
	p, ul {
		font-size:1rem;
	}

	#address p {
		font-size:0.9rem;
	}	
		
	.menu {
		font-size:1.5rem;
		font-weight:400;
		letter-spacing:0.05rem;
	}
	
	.welcome {
		font-size:2.1rem;	
	}
	
	.off-canvas-content {
		margin-left:400px !important;
	}			
}

@media screen and (min-width: 100em) {

	.position-left {
		transform: translateX(-500px);
		width: 500px;
	}	
		
	.off-canvas-content.is-open-left.has-transition-push {
		-ms-transform: translateX(500px);
		transform: translateX(500px);
	}	
		
	p, ul {
		font-size:1.1rem;
	}
	
	#address p {
		font-size:1rem;
	}	
	
	.menu {
		font-size:1.6rem;
		font-weight:400;
		letter-spacing:0.05rem;
	}
	

	h2 {
		font-size: 1.8rem;
	}
	
	.welcome {
		font-size:2.2rem;	
	}

	.button-group .button {
		font-size:1.3rem;
	}
	
	.off-canvas-content {
		margin-left:500px !important;
	}		

	#address {
		padding:2rem;
	}	
}

@media screen and (min-width: 120em) {
	.position-left {
		transform: translateX(-650px);
		width: 650px;
	}	
	
	.off-canvas-content.is-open-left.has-transition-push {
		-ms-transform: translateX(650px);
		transform: translateX(650px);
	}	
			
	.off-canvas-content {
		margin-left:650px !important;
	}
	
	h2 {
		font-size: 2.5rem;
	}

	.welcome {
		font-size:2.5rem;	
	}
					
}