@charset "UTF-8";
/* CSS by WebGarage AG, Zürich */
/* GEZH.ch Colors

Navi BG:
blau 100%: #002d72
blau  85%: #264c87
blau  70%: #4c6c9c
blau  55%: #738cb2
blau  40%: #99abc7

Logo-Leiste Text:
braun: #7a6855

Footer-BG (grünblau):
#43525c

Intro-BG (beige):
#f2efe8
*/

/* Webfonts */
@font-face {
    font-family: 'FiraMonoMedium';
	font-display: optional;
    src: url('../webfonts/FiraMono-Medium.eot'); /* IE9 Compat Modes */
    src: url('../webfonts/FiraMono-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../webfonts/FiraMono-Medium.woff') format('woff'), /* Modern Browsers */
         url('../webfonts/FiraMono-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../webfonts/FiraMono-Medium.svg#FiraMono-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'FiraMono';
	font-display: auto;
    src: url('../webfonts/FiraMono-Regular.eot'); /* IE9 Compat Modes */
    src: url('../webfonts/FiraMono-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../webfonts/FiraMono-Regular.woff') format('woff'), /* Modern Browsers */
         url('../webfonts/FiraMono-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../webfonts/FiraMono-Regular.svg#FiraMono-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: PTSerif-Regular */
@font-face {
    font-family: 'PTSerif';
	font-display: auto;
    src: url('../webfonts/PTSerif-Regular.eot'); /* IE9 Compat Modes */
    src: url('../webfonts/PTSerif-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../webfonts/PTSerif-Regular.woff') format('woff'), /* Modern Browsers */
         url('../webfonts/PTSerif-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../webfonts/PTSerif-Regular.svg#PTSerif-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: PTSerif-Italic */
@font-face {
    font-family: 'PTSerif';
	font-display: optional;
    src: url('../webfonts/PTSerif-Italic.eot'); /* IE9 Compat Modes */
    src: url('../webfonts/PTSerif-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../webfonts/PTSerif-Italic.woff') format('woff'), /* Modern Browsers */
         url('../webfonts/PTSerif-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../webfonts/PTSerif-Italic.svg#PTSerif-Italic') format('svg'); /* Legacy iOS */
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* PTSerif-BoldItalic */
@font-face {
    font-family: 'PTSerif';
	font-display: optional;
    src: url('../webfonts/PTSerif-Bold.eot'); /* IE9 Compat Modes */
    src: url('../webfonts/PTSerif-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../webfonts/PTSerif-Bold.woff') format('woff'), /* Modern Browsers */
         url('../webfonts/PTSerif-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../webfonts/PTSerif-Bold.svg#PTSerif-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* PTSerif-BoldItalic */
@font-face {
    font-family: 'PTSerif';
	font-display: optional;
    src: url('../webfonts/PTSerif-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('../webfonts/PTSerif-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../webfonts/PTSerif-BoldItalic.woff') format('woff'), /* Modern Browsers */
         url('../webfonts/PTSerif-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../webfonts/PTSerif-BoldItalic.svg#PTSerif-BoldItalic') format('svg'); /* Legacy iOS */
    font-style: italic;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

	
.gezh-header,
.gezh-header a {
	font-family: 'FiraMonoMedium', sans-serif;
	font-size: 12px;
	color: #7a6855;
	background-color: #FFFFFF;
}
.gezh-header {
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width: 576px) {
	.gezh-header,
	.gezh-header a {
		font-size: 10px;
	}
	.gezh-header {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

ul.gezh-nav { width: 100%;}
ul.gezh-nav li {
	text-align: center;
	width: 20%;
	height: 50px;
	padding-top: 8px
}
ul.gezh-nav li a {
	font-family: 'FiraMonoMedium', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	transition:all .5s ease;
}
ul.gezh-nav li a:hover {
	color: #C0CBDC;
}
@media (min-width: 576px) {
	#navi01,
	#navi02,
	#navi03,
	#navi04,
	#navi05 {width: 20%;}
}
@media (max-width: 768px) {
	#navi01,
	#navi02,
	#navi03,
	#navi04,
	#navi05 {width: 100%;}
}
body {background-color: #EEEEEE;}
#navi01,#wissenswert .container {background-color: #002d72;}
#navi02,#patienten .container   {background-color: #264c87;}
#navi03,#ueberuns .container    {background-color: #4c6c9c;}
#navi04,#zuweiser .container    {background-color: #738cb2;}
#navi05,#kontakt .container, 
#to-top .container              {background-color: #99abc7;}

.nav-item:hover { opacity: 0.8;}
.navbar { background-color: #002d72; }
.navbar-toggler { 
	background-color: #002d72;
	color: #FFFFFF;
}
.navbar-toggler-icon {
	color: #FFFFFF;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


#intro,
#wissenswert,
#patienten,
#ueberuns,
#zuweiser,
#kontakt,
#corona {
	position: relative;
	font-family: 'PTSerif', serif;
}
section p {
	font-family: 'PTSerif', serif;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
}
section h2 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 24px;
}
section .mobile h1 {
	display: none;
}
@media (max-width: 575px){
	section .mobile h1 {
		display: block;
		font-family: 'FiraMonoMedium', sans-serif;
		font-size: 16px;
		color: #FFFFFF;
		margin-bottom: 1em;
		margin-top: 25px;
	}
}
#intro a,
#wissenswert a,
#patienten a,
#ueberuns a,
#zuweiser a,
#kontakt a { color: #FFF; transition:all .5s ease;}

#intro a:hover,
#wissenswert a:hover,
#patienten a:hover,
#ueberuns a:hover,
#zuweiser a:hover,
#kontakt a:hover { color: #7a6855; text-decoration: none; }

@media (min-width: 992px) {
	.inhalt {
		padding-left:35px;
		padding-right:35px;
	}
	.infosbg {
  		-ms-flex: 0 0 60%;
  		flex: 0 0 60%;
 		max-width: 60%;
	}
}
#teaser {
	position: relative;
	margin-top: 106px;
	color: #7a6855;
	font-family: 'PTSerif',serif;
	font-size: 24px;
	line-height: 1.3em;
	cursor: pointer;
}
#teaser .container {
	background-color: #f2efe8;
}
#teaser p {
	color: #7a6855;
	font-family: 'PTSerif',serif;
	font-size: 24px;
	line-height: 1.3em;
}
#teaser ul {
	margin-left: 0;
	padding: 0 0 0 1em;
	text-align: left;
}
#teaser li {
	margin-right: 0;
	padding-left: 0;
}
#teaser a {
	color: #002d72!important;
	transition:all .5s ease;
}
#teaser a:hover {
	color: #000!important;
	text-decoration: none;
}

#teaser .emblem {
	width: 80px;
	height: 80px;
	margin-top: 40px;
	margin-bottom: 15px;
	text-align: center;
}
#teaser .emblem img {
	margin: 0 100%;
}
#teaser .teasertext {
	text-align: center;
	padding: 30px;
}
#teaserslideup {
	font-size: 30px;
	width: 100%;
	height: 36px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 50px;
	transition:all .5s ease;
}
#teaserslideup img {
	width: 30px;
	height: 30px;
}
#teaserslideup:hover {opacity: 0.5;}

@media (max-width: 576px) {
	#teaser p {
		font-size: 18px;
		line-height: 1.3em;
	}
	#teaser .emblem {
		width: 60px;
		height: 60px;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
	#teaser .emblem img {
		margin: 0 0;
	}
	#teaser .teasertext {
		padding: 0;
	}
	#teaserslideup {
		font-size: 20px;
		width: 100%;
		height: 36px;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 30px;
	}
}
@media (max-width: 420px) {
	#teaser p {
		font-size: 14px;
		line-height: 1.3em;
	}
}
@media (max-width: 360px) {
	#teaser p {
		font-size: 12px;
		line-height: 1.3em;
	}
	#teaser .emblem {
		width: 40px;
		height: 40px;
		margin-top: 15px;
		margin-bottom: 15px;
		text-align: center;
	}
	#teaser .emblem img {
		margin: 0 0;
	}
	#teaser .teasertext {
		padding: 0;
	}
	#teaserslideup {
		font-size: 14px;
		width: 100%;
		height: 28px;
		text-align: center;
		margin-top: 7px;
		margin-bottom: 15px;
	}
}


/* Slideshow */
#intro { margin-top: 106px; }
@media (max-width: 576px) {
	#intro { margin-top: 74px; }
}
.gezh-slideshow {
    position: relative;
    padding: 0!important;
    border: none;
    border-width: 0;
	padding-bottom: 0 !important;
}

.gezh-slideshow::after {
    display: block;
    clear: both;
    content: ""
}

/*@media (min-width:576px) {
    .gezh-slideshow {
        padding: 1.5rem;
        margin-right: 0;
        margin-left: 0;
        border-width: .2rem
    }
}*/
.carousel-indicators li,
.carousel-indicators li:before,
.carousel-indicators li:after { box-sizing: inherit;}
.carousel-indicators li {
	box-sizing: inherit;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	margin-right: 15px;
	margin-left: 15px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #7a6855;
	background-clip:border-box;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 0 none;
	border-bottom: 0 none;
	opacity: 1;
	transition: color .6s ease;
}
.carousel-indicators .active {
	background-color: #FFFFFF;
	opacity: 1;
}
#intro .carousel-caption {
	color: #002d72;
	position: absolute;
	right: 15%;
	top: 100px;
	left: 10%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
}
#intro .carousel-caption h5 {
	font-weight: normal!important;
	font-size: 32px;
	line-height: 34px;
	margin-bottom: 22px;
}
#intro .carousel-caption p {
	font-family: 'FiraMono',sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #002d72;
}

/*Strichlinien-Buttons*/
@keyframes strichlinie {
    0% {
        background-position: 0 0, 0 100%, 0 0, 100% 0
    }

    to {
        background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px
    }
}
.button-row {
    margin-bottom: 20px;
	cursor: pointer;
}
.button-row-item {
    padding: 16px 3px 3px 3px;
    background-image: linear-gradient(90deg, #FFF 50%, transparent 0), linear-gradient(90deg, #FFF 50%, transparent 0), linear-gradient(180deg, #FFF 50%, transparent 0), linear-gradient(180deg, #FFF 50%, transparent 0);
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 14px 2px, 14px 2px, 2px 14px, 2px 14px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    animation: .4s infinite normal strichlinie;
    animation-timing-function: linear;
    animation-play-state: paused;
    position: relative;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.button-row-item p { font-weight: bold; font-size: 14px; }
.button-row-item:hover {
    animation-play-state: running
}
.icon-tel:before {
	/*background-image: url("../images/telefon.svg");*/
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 1)' stroke-width='0' d='M110.7,89.6a8.23,8.23,0,0,1-.9,9L96,116.9a8.85,8.85,0,0,0-.9,9c7.5,17.4,18.3,33,33.3,48,12,12,27.9,23.1,46.2,31.5a8.85,8.85,0,0,0,9-.9l18.3-13.8a8.23,8.23,0,0,1,9-.9c24.6,12.31,42.6,30.9,51.6,50.71,1.5,3.6.6,7.8-2.1,9.89-27.3,19.5-63.6,15.91-98.7-1.5-21.6-10.5-42.9-26.09-62.7-45.6-18.9-18.6-36-41.4-47.4-64.5-17.4-35.1-21-71.4-1.5-98.7,2.1-2.7,6.3-3.6,9.9-2.1C79.8,47,98.4,65,110.7,89.6Z'/%3E%3C/svg%3E");
	display: inline-block;
	content:'';
	fill: #FFF;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
}
.icon-mail:before {
	/*background-image: url("../images/mail.svg");*/
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 1)' stroke-width='0' d='M21.4,207.44V93.13A33.62,33.62,0,0,1,28,73l76.2,76.5L27.4,226.94A34.06,34.06,0,0,1,21.4,207.44Zm96.9-43.51c17.1,17.4,45.9,17.4,63,0l4.2-3.9,76.2,76.81a34.69,34.69,0,0,1-17.7,4.8H55.6a36.65,36.65,0,0,1-18-4.8l76.5-77.11ZM261.1,63.43l-90,90.6c-11.7,11.7-31.2,11.4-42.6,0L38.8,63.43a32,32,0,0,1,16.8-4.5H244A33.09,33.09,0,0,1,261.1,63.43ZM271.6,73a33.89,33.89,0,0,1,6.9,20.1V207.44a33.61,33.61,0,0,1-6.3,19.5l-76.8-77.11Z'/%3E%3C/svg%3E");
	display: inline-block;
	content:'';
	fill: #FFF;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
}
.icon-kalender:before {
	/*background-image: url("../images/kalender.svg");*/
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 1)' stroke-width='0' d='M187.53,50.23V25.33c0-3,.9-3.9,3.9-3.9H198c2.7,0,3.9.9,3.9,3.9v24.9h35.4a49.87,49.87,0,0,1,49.8,49.8v129.6c0,27.31-22.5,49.51-49.8,49.51H62.12a49.62,49.62,0,0,1-49.8-49.51V100a49.68,49.68,0,0,1,49.8-49.8H97.53V25.33c0-3,.9-3.9,3.89-3.9H108c2.7,0,3.9.9,3.9,3.9v24.9Zm-126,85.5a17.86,17.86,0,0,0,18,18,18,18,0,1,0,0-36A17.86,17.86,0,0,0,61.52,135.73Zm0,63.6a17.86,17.86,0,0,0,18,18,18.06,18.06,0,0,0,18-18,17.86,17.86,0,0,0-18-18A17.68,17.68,0,0,0,61.52,199.33Zm36-142.5v23.4c0,2.7.9,3.9,3.89,3.9H108c2.7,0,3.9-1.2,3.9-3.9V56.83Zm34.2,78.9a18,18,0,1,0,18-18A18.05,18.05,0,0,0,131.73,135.73Zm0,63.6a18,18,0,0,0,36,0,18,18,0,0,0-36,0Zm55.8-142.5v23.4c0,2.7.9,3.9,3.9,3.9H198c2.7,0,3.9-1.2,3.9-3.9V56.83Zm14.4,78.9a18,18,0,1,0,18-18A18.05,18.05,0,0,0,201.93,135.73Zm0,63.6a18,18,0,0,0,36,0,18,18,0,1,0-36,0Z'/%3E%3C/svg%3E");
	display: inline-block;
	content:'';
	fill: #FFF;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
}

.portrait {
	background-color: #FFFFFF;
	padding: 15px;
	box-shadow: 2px 5px 5px 0px #999;
	margin: 40px 0 0 0;
}
@media (max-width: 576px) {
	.portrait {
		background-color: #FFFFFF;
		padding: 5px;
		box-shadow: 1px 3px 3px 0px #999;
		margin: 40px 0 0 0;
	}
}
.infos {
	z-index: 1020;
	color: #000;
	position: absolute;
	margin-left:-15px;
	/*top: 106px;
	margin-top: 106px;*/
	display: none;/**/
}
.infosbg {
	background-color: #f2efe8;
	box-shadow: 10px 0 6px -6px #000 , -10px 0 6px -6px #000;
}
.infos h1 {
	font-family: 'FiraMono',serif;
	font-weight: normal;
	color: #000;
	font-size: 14px;
	margin-bottom: 1.5em;
}
.infos h2 {
	font-family: 'PTSerif', serif;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0.1em;
}
.infos p,
.infos ul li {
	font-family: 'PTSerif', serif;
	color: #000;
	font-size: 13px;
	line-height: 1.35em;
	font-weight: normal;
}
.infos ul {
	margin-left: 0;
	padding: 0 0 0 1em;
}
.infos li {
	margin-right: 0;
	padding-left: 0;
}
.infos a {
	color: #7a6855!important;
	transition:all .5s ease;
}
.infos a:hover {
	color: #000!important;
	text-decoration: none;
}

.infoclose {
	position: absolute;
	right: 15px;
	top: 15px;
}
.closebutton {
	width: 30px;
	height: 30px;
	font-size: 28px;
	color: #000 !important;
	opacity: 0.3;
}
.closebutton img {
	width: 30px;
	height: 30px;
}

a.closebutton { color: #000 !important; opacity: 0.3; cursor: pointer;}
a:hover.closebutton  { opacity: 0.8;}
#kontakt .small { line-height: 18px;}

#to-top {margin-top: -45px;}
#to-top img {
	width: 30px;
	height: 30px;
}
.totop, .totop a {
	font-size: 32px;
	color: #FFF;
	text-decoration: none;
	transition:all .5s ease;
}
.totop a:hover {opacity: 0.5;}

#footer .container {
	background-color: #43525c;
	color: #FFF;
	height: 30px;
}

#footer .line { 
	height: 22px;
	/*line-height: 12px;*/
}
#footer .line p {
	word-spacing: 20px;
}
#footer p { margin-top: 3px; margin-bottom: 0;}
#footer a {
	font-family: 'FiraMonoMedium', sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	transition:all .5s ease;
	cursor: pointer;
}
#footer a:hover { color: #99abc7; text-decoration: none;}
#footer .footerinfos {
	position: fixed;
	display:none;
	bottom: 30px;
	margin-left: -15px;
	padding-top: 151px;
	z-index: 1020;
	background-color: #43525c;
	color: #FFF;
	height: 100vh;
	max-height: 100vh;
}
@media (min-width: 992px){
	#footer .footerinfos .scrolling {
		padding-left: 25px;
		padding-right: 25px;
	}
}
#footer .footerinfos .scrolling {
	overflow-y: auto;
	max-height: 70vh;
	padding-bottom: 20px;
}
#footer .footerinfos h1 {
	font-family: 'FiraMono',serif;
	font-weight: normal;
	color: #fff;
	font-size: 14px;
	margin-bottom: 1.5em;
}
#footer .footerinfos h2 {
	font-family: 'PTSerif', serif;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0.1em;
	margin-top: 1.5em;
}
#footer .footerinfos p {
	font-family: 'PTSerif', serif;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.35em;
}
#footer .footerinfos a {
	font-family: 'PTSerif', serif;
	color: #99abc7!important;
	font-size: 13px;
	transition:all .5s ease;
}
#footer .footerinfos a:hover {
	color: #fff!important;
	text-decoration: none;
}
#footer .footerclose {
	position: absolute;
	width: 40px;
	height: 40px;
	right: 15px;
	top: 150px;
}
#footer .footerclose .closebutton {
	font-size: 28px;
	color: #FFF !important;
	opacity: 0.5;
}
#footer .footerclose a.closebutton { color: #FFF !important; opacity: 0.5; cursor: pointer;transition:all .5s ease;}
#footer .footerclose a:hover.closebutton  { opacity: 0.8;}
#corona {
	background-color: #FFFFFF;
	color: #ad0917;
}
#corona h1 {
	font-family: 'FiraMono',serif;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 1.5em;
	color: #ad0917;
}
#corona h2 {
	font-family: 'PTSerif', serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.1em;
	color: #ad0917;
}
#corona p,
#corona ul li {
	font-family: 'PTSerif', serif;
	font-size: 14px;
	line-height: 1.35em;
	font-weight: normal;
	color: #ad0917;
}
#corona ul {
	margin-left: 0;
	padding: 0 0 0 1em;
}
#corona li {
	margin-right: 0;
	padding-left: 0;
}
#corona a {
	color: #880712!important;
	transition:all .5s ease;
}
#corona a:hover {
	color: #000!important;
	text-decoration: none;
}