/* 20250822 */

@font-face {
font-family: "HNOHardbruecke";
src: url(../fonts/hnohardbruecke_light.woff2);
src: url(../fonts/hnohardbruecke_light.woff2) format("woff2")
, url(../fonts/hnohardbruecke_light.woff) format("woff");
font-style: normal;
font-weight: 300;
font-stretch: normal;
font-display: swap;
}
@font-face {
font-family: "HNOHardbruecke";
src: url(../fonts/hnohardbruecke_book.woff2);
src: url(../fonts/hnohardbruecke_book.woff2) format("woff2")
, url(../fonts/hnohardbruecke_book.woff) format("woff");
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
}
@font-face {
font-family: "HNOHardbruecke";
src: url(../fonts/hnohardbruecke_demi.woff2);
src: url(../fonts/hnohardbruecke_demi.woff2) format("woff2")
, url(../fonts/hnohardbruecke_demi.woff) format("woff");
font-style: normal;
font-weight: 600;
font-stretch: normal;
font-display: swap;
}
#accesskeys {
	display: none
}
body {
	font-family: "HNOHardbruecke", HNOHardbruecke, Helvetica Neue, Helvetica, Lucida Grande, Lucida, Arial;
	font-size: x-large;
	line-height: 1.5em;
	font-weight: 300;
	position: relative;
	text-rendering: optimizeLegibility;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-before: 4; 
	hyphenate-limit-after: 4; 
	-webkit-hyphenate-limit-before: 4; /* For Safari */
	-webkit-hyphenate-limit-after: 4; /* For Safari */
	font-variant-ligatures: common-ligatures, contextual;
	-moz-font-feature-settings: "kern", "liga", "clig", "calt", "ss01";
	-ms-font-feature-settings: "kern", "liga", "clig", "calt", "ss01";
	-webkit-font-feature-settings: "kern", "liga", "clig", "calt", "ss01";
	font-feature-settings: "kern", "liga", "clig", "calt", "ss01";
	font-variant-numeric: lining-nums tabular-nums;
}
.nonehyphens {
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
body
, .nav-pills .nav-link
, .nav-pills .nav-link.active
, .nav-pills .show>.nav-link	 
, .accordion-item
, .nav-pills .nav-link:hover	{
	color: #626264;
}
a
, a:visited
, a:hover
, a:active
, a:focus 
, input:focus
, select:focus
, textarea:focus
, button:focus { 
	outline: none; 
}
body
, .bg-gray {
	background-color: rgb(203, 207, 210);
}
a
, main h1
, main h2
, .accordion-button
, .blue
, .nav-pills .nav-link:hover	
, .accordion-button:not(.collapsed)
, .nav-pills .nav-link:hover		{
	color: rgb(61,144,170);
}
.accordion a:hover
, .accordion a.collapsed:hover {
	color: rgb(148, 161, 173);
}
p {
	margin-top: 1em;
}
a:hover {
	cursor: pointer;
}
li::marker	{
	color: #9e9e9e;
}
img {
	width: 100%;
}

strong {
	font-weight: 600;
}
.white {
	color: #fff;
}
.leading {
	font-size: 22px;
	line-height: 1.3em;
}
.semibold
, .nav-pills>li.active>a
, .nav-pills>li.active>a:focus
, .nav-pills>li.active>a:hover {
	font-weight: 600;
}
h1 {
	margin-top: 40px;
	margin-bottom: 20px;
}
h1
, h2 {
	font-weight: 400;
	color: rgb(61,144,170);
}
h1
, span.lead
, .accordion-button {
	font-size: 2.6rem;
}
.home h1 {
	margin-top: 70px;
}
.home .important {
	color: #d36e2a;
	font-weight: 700;
	border: solid 1px #d36e2a;
	padding: 1rem 1rem 1rem 2rem;
}
.info {
	color: #d36e2a
}
h2, h3 {
	margin: 0
}
h2 {
	margin-bottom: 1ex;
}
header img	{
	width: 100%;
	height: auto;
}
h2
, .team .header h2	{
	font-size: 2rem;
}
h4 {
	font-weight: 400;
	margin-top: 1em;
	margin-bottom: 0;
}
.maxwidth {
	max-width: 50px!important;
}
.device-version {
	display: none;
}
header iframe {
	width: 100%;
	height: 579px;
}
.nobreak {
	white-space: nowrap;
}
main {
	background-color: #fff;
}
main h1
, header span.lead {
	font-weight: 400;
}
main ul {
	margin-left: -10px;
}
main ul.list-unstyled {
	margin-left: 0;
}
main li {
	margin-bottom: 1ex;
}
main a:hover {
	color: rgb(148, 161, 173);
}
.row:first-child {
	margin-bottom: 0!important;
}

footer .row:first-child {
	margin-top: 100px;
}

.row:last-child {
	padding-bottom: 120px;
}
.mobilefooter .row:last-child	{
	padding-bottom: 0;
}
.zuweiserstartseite .row:last-child {
	padding-bottom: 0;
}
dl.row {
	margin-left: 0;
}
dd {
	margin-bottom: 1em;
}
dl.list-unstyled dd {
	margin-bottom: 0!important;
}
dl.list-unstyled dd.break {
	margin-bottom: 15px!important;
}
dl.list-unstyled dt {
	font-weight: normal;
}
dl.list-unstyled dt[class*="col"] {
	padding-left: 0!important;
}

/* @group navbar */

.navbar-brand {
	padding: 16px 15px;
}
a.navbar-brand img {
	cursor: hand;
	max-width: 159px;
	height: 40px;
}
a.navbar-brand:hover img {
	opacity: 0.6;
}
.navbar.navbar {
	position: relative;
	width: 100%;
	z-index: 100000;
	background-color: #fff;
	border-bottom: 1px solid #e7e7e7;
}
.navbar>.container .navbar-brand
, .navbar>.container-fluid .navbar-brand {
	padding-left: 0;
}
.navbar {
	margin-bottom: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.navbar {
	background-color: transparent;
	border: none;
}

/*.navbar-nav {
	float: right;
}*/

.navbar-nav>li>a {
	font-weight: 300;
	font-size: x-large;
	text-transform: uppercase;
	line-height: 1.2em;
	text-decoration: none;
}
.navbar-nav>li>a {
	padding-right: 15px;
	padding-left: 11px;
}
.navbar-nav>li.language.first>a {
	padding-left: 100px;
}
.navbar-nav>li.language>a {
	padding-right: 5px;
	padding-left: 5px;
}
.navbar .navbar-nav>li>a {
	color: #000;
}
.navbar .navbar-nav>.active>a
, .navbar .navbar-nav>.active>a:focus
, .navbar .navbar-nav>.active>a:hover {
	background-color: transparent;
	color: rgb(61,144,170);
}
.language.active a {
	font-weight: 600;
}
.navbar-toggler {
	z-index: 100000000;
}
.navbar-toggler .icon-bar {
	width: 40px;
}
.navbar-toggler .icon-bar+.icon-bar {
	margin-top: 6px;
}

/* @end */

.carousel {
	background-color: #fff;
}
.carousel-control {
	margin-bottom: 60px;
}
.carousel-indicators {
	bottom: 0;
}
.modal-footer {
	text-align: center;
}
header {
	background-color: #fff;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:hover .txt
, a:hover .txt h2 {
	color: #fff;
}
.center {
	text-align: center;
}
header {
	background-color: #fff;
}
header span.lead {
	display: none;
	position: absolute;
	color: rgba(255,255,255,0.8);
	font-size: 120px;
	text-transform: uppercase;
	margin-top: 2%;
	font-weight: 300;
	letter-spacing: normal;
	z-index: 1;
	line-height: 94%;
	text-shadow: 0 0 20px rgb(0, 0, 0);
}
/* @group Breadcrumbs */
.breadcrumbs {
	font-size: medium;
	background-color: #fff;
}
.breadcrumbs .container {
	padding: 0;
}
.breadcrumbs .row {
	padding: 10px 0 0;
	margin: 0;
}
.breadcrumbs [class*="col-"] {
	margin-bottom: 0;
}
.breadcrumbs [class*="icon-"] {
	color: rgb(148, 161, 173);
}
.breadcrumbs ol {
	padding: 0;
	margin: 0;
}
.breadcrumbs li {
	list-style-type: none;
	display: inline;
}
.breadcrumbs li:after {
	content: " >";
	color: #77777a;
}
.breadcrumbs li.active:after {
	content: "";
}
.breadcrumbs li a {
	text-decoration: none;
}
.breadcrumbs .active {
	font-weight: 400;
}

/* @end */

/* @group Breadcrumb */
.breadcrumb.home	{
	display: none;
}
.breadcrumb {
	font-size: medium;
	background-color: #fff;
}
.breadcrumb .container {
	padding: 0;
}
.breadcrumb .row {
	padding: 10px 0 0;
	margin: 0;
}
.breadcrumb [class*="col-"] {
	margin-bottom: 0;
}
.breadcrumb [class*="icon-"] {
	color: rgb(61,144,170);
}
.breadcrumb ol {
	padding: 0;
	margin: 0;
}
.breadcrumb li {
	list-style-type: none;
	display: inline;
}
.breadcrumb li:after {
	content: ">";
	font-size: 80%;
	color: rgb(61,144,170);
}
.breadcrumb li.active:after {
	content: "";
}
.breadcrumb li a {
	text-decoration: none;
}
.breadcrumb-item.active	{
	color: rgb(61,144,170);
}
.breadcrumb .active {
	font-weight: 400;
}
.breadcrumb-item+.breadcrumb-item	{
	padding-left: .3rem;
}
.breadcrumb-item+.breadcrumb-item::before	{
	content: none;
}
/* @end */


.angebot .tab-content p {
	margin-top: 0;
	margin-bottom: 1em;
}
.angebot .tab-content ul {
	min-height: 400px;
}
.angebot h2 {
	margin-bottom: 0.6em;
}
.team .header {
	margin-top: 20px;
}
.team .header h2 {
	margin-bottom: 10px;
}
.team .header h2
, .team .header p {
	margin-top: 0;
}
.team .header p {
	line-height: normal;
}
.team h3 {
	margin-bottom: 1em;
	font-weight: 400;
}
.team td
, .team li {
	line-height: normal;
	padding-bottom: 10px;
	vertical-align: top;
}

.team td.year {
	min-width: 150px;
}
.laufbahn h4 {
	color: #515254;
}
.laufbahn p {
	margin: 0;
	line-height: 1.3em;
}
.laufbahn ul {
	margin-top: 2px;
}
.kontakt .description ul {
	margin-top: 1em;
}
.kontakt .row:first-child h2 {
	margin-top: 60px;
}
.kontakt .adresse h3 {
	font-weight: 300;
	margin-bottom: 0;
	line-height: 1.5em;
	font-size: 100%;
}
.kontakt .adresse h2 {
	margin-bottom: 0.9em;
}
/*.netzwerk .logos, .praxis .logos [class*="col-"] {
	padding: 40px;
}*/
.nav-pills .nav-link		{
	border: 1px solid rgb(167, 209, 223,0);
}
.nav-pills .nav-link.active:hover	{
	border: 1px solid rgb(167, 209, 223, 0);
}
.nav-pills .nav-link:hover		{
	text-decoration: none;
	color: #626264;
	background-color: #e6e6e6;
}
.nav-pills .nav-link.active	{
	color: rgb(61,144,170);
}
.nav-pills .nav-link.active
, .nav-pills .nav-link.active:hover
, .nav-pills .show>.nav-link	{
	background-color: rgb(255, 255, 255, 0);
	border: 1px solid rgb(167, 209, 223);
}
/*.tabs-left
, .tabs-right {
	border-bottom: none;
	padding-top: 2px;
}

.tabs-left {
	
}

.tabs-left>li
, .tabs-right>li {
	float: none;
	margin-bottom: 2px;
}

.tabs-left>li {
	margin-right: -1px;
}

.tabs-left>li.active>a
, .tabs-left>li.active>a:hover
, .tabs-left>li.active>a:focus
, .nav-tabs>li.active>a
, .nav-tabs>li.active>a:focus
, .nav-tabs>li.active>a:hover
, .nav-tabs>li>a:hover {
	border-color: transparent;
}

.tabs-left>li>a {
	margin-right: 0;
	display: block;
	font-weight: 300;
	font-size: 90%;
}*/
a.vcf-icon:hover {
	opacity: 0.6;
}
.vcf-icon img {
	width: 50px;
}
#mapcss {
	width: 100%;
	height: 700px;
	
	background-position: center center;
	background-size: cover;
	
	background-image: url("../images/map/map_praxis_hno_ent_hardbruecke_zuerich_west_8005.jpg");
	
	background-image: -webkit-image-set(
    	url("../images/map/map_praxis_hno_ent_hardbruecke_zuerich_west_8005.avif") type("image/avif"),
		url("../images/map/map_praxis_hno_ent_hardbruecke_zuerich_west_8005.webp") type("image/webp"),
		url("../images/map/map_praxis_hno_ent_hardbruecke_zuerich_weste_8005.jpg") type("image/jepg"));
	background-image: image-set(
    	url("../images/map/map_praxis_hno_ent_hardbruecke_zuerich_west_8005.avif") type("image/avif"),
		url("../images/map/map_praxis_hno_ent_hardbruecke_zuerich_west_8005.webp") type("image/webp"),
		url("../images/map/map_praxis_hno_ent_hardbruecke_zuerich_west_8005.jpg") type("image/jepg")); 
}
.desktop {
	display: block;
}
.device {
	display: none;
}
.mobile {
	display: none;
}





/* behind */
/* behind */
/* behind */
/* behind */
/* behind */

#accesskeys {
	display: none
}
#map {
	width: 100%;
	height: 579px;
}
.kontakt .ostern 
, .home .ostern	{
    border: 1px solid #008d99;
	box-shadow: 2px 0 14px #d2d2d2;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.kontakt h2.ostern 	{
	padding-left: 0;
	padding-bottom: 0;
}
footer .ostern
, .kontakt .ostern		{
	margin-top: 2em;
}
.ostern	.date	{
	font-weight: 300;
}
.kontakt .row:first-child .ostern h2 {
   margin-top: 0;
}
.contentostern	{
	padding-right: 3%;
}
.ostern dt    {
    margin-right: 1em;
    min-width: 8em;
}
.ostern dd:first-child    {
  padding-bottom: 1em;
}
.ostern dd    {
    color: #ff7a00;
    padding-bottom: 10px;
}
.home .ostern  {
    font-size: 90%;
}
.home .ostern h2  {
    font-size: 115%;
}
footer .ostern
, footer .ostern h2 {
    color: rgb(61,144,170);
}
a:hover
, .navbar .navbar-nav>li>a:focus
, .navbar .navbar-nav>li>a:hover {
	color: rgb(61,144,170);
}
a:hover img	{
	opacity: 0.6;
}
[class*="col-"] {
	margin-bottom: 60px;
}
/*.netzwerk [class*="col-"]
, .angebot .logos  [class*="col-"]	{
	margin-bottom: 0;
}*/

/*.angebot .logos [class*="col-"]
, .netzwerk .logos [class*="col-"]		{
	padding-top: 40px;
}*/

.angebot .logos [class*="col-"].title	{
	min-height: 0;
}
[class*="col-"].leading {
	margin-bottom: 0;
}

.nav-tabs {
	padding-bottom: 40%;
}

.list-unstyled li {
	margin-bottom: 0;
}

.break
, .list-unstyled li.break {
	margin-bottom: 10px!important;
}

.home .leading img {
	margin-bottom: 20px;
}

.red {
	color: #dd3825;
}
.wrap
, .nohyphens	{
    -moz-hyphens: none!important;
    -o-hyphens: none!important;
    -webkit-hyphens: none!important;
    -ms-hyphens: none!important;
    hyphens: none;
}
.wrap	{
	white-space: pre;
    white-space: -moz-pre;
    white-space: -pre;
    white-space: -o-pre;
}
.wrap:after	{
	white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    content: "\A";
}
.btn [class*="icon-"] {
	padding-right: 10px;
}

@font-face{
	font-family:'icomoon';
	src:url('fonts/icomoon.eot?a6vojj');
	src:url('fonts/icomoon.eot?a6vojj#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?a6vojj') format('truetype'),
		url('fonts/icomoon.woff?a6vojj') format('woff'),
		url('fonts/icomoon.svg?a6vojj#icomoon') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-file:before {
	content: "\e905";
}

.icon-location:before {
	content: "\e904";
}

.icon-envelope:before {
	content: "\e903";
}

.icon-locked:before {
	content: "\e902";
}

.icon-fax:before {
	content: "\e900";
}

.icon-phone:before {
	content: "\e901";
}

.icon-file {
	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

.icon-location {
	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

.icon-envelope {
	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

.icon-locked {
	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

.icon-fax {
	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

.icon-phone {
	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

[class*="-primary"] {
	background-color: rgb(61,144,170)!important;
	border-color: #419ab7!important;
}

[class*="btn-"] {
	border-color: transparent!important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-transform: uppercase;
}

a.collapsed
, a.plus {
	text-decoration: none!important;
	color: inherit!important;
}

.modal-backdrop {
	background-color: #fff;
	opacity: 0.8!important;
}

a
, a img
, .gallery img
, .close 
, body.collapse.show main	{
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: initial;
	-o-transition: all 0.3s ease-in-out;
}
.navbar .navbar-toggler .icon-bar {
	background-color: #4a4b51;
}

.navbar .navbar-toggler:hover .icon-bar {
	background-color: rgb(0, 99, 146);
}

.navbar .navbar-toggler:focus
, .navbar .navbar-toggler:hover {
	background-color: transparent;
	box-shadow: none;
}

/* @group accordion */

.accordion a:hover {
	text-decoration: none;
}

.accordion .accordion-item
, .accordion-body {
	border: none;
	background-color: transparent;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.accordion .accordion-item {
	border-top: 1px solid #becfdf;
	padding-top: 10px;
}

.accordion .accordion-item:first-child {
	border: none;
}
.accordion-button	{
	padding: 0;
}
.accordion-button:not(.collapsed)	{
	background-color: rgb(255, 255, 255, 0);
	box-shadow: none;
}

.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(61,144,170)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
/* @end */

.gallery .row {
	margin: 0;
	padding-bottom: 100px;
}
.gallery .row:last-child {
	margin-bottom: 120px;
}
.gallery .row .row {
	margin: 0;
}
.gallery [class*=col-] {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: -1px;
}
.kontakt h3 {
	font-weight: 600;
	margin-bottom: 0.6em;
}
.zuweiserstartseite {
	position: absolute;
	background-color: rgb(61,144,170);
	font-weight: 300;
	font-size: medium;
	text-align: right;
	color: #fff;
	width: auto;
	right: 0;
	padding-right: 5%;
	z-index: 1000;
}
.zuweiserstartseite a {
	color: #fff;
	text-decoration: none;
}
.zuweiserstartseite a:hover {
	text-decoration: underline;
}
.zuweiserstartseite .container {
	width: auto;
}
.zuweiserstartseite .row:first-child {
	margin-top: 0;
}
.zuweiserstartseite .row [class*="col-"] {
	margin-bottom: 0;
	padding: 4px 0 0;
	line-height: 1.6em;
}
.zuweiser .btn-danger {
	letter-spacing: 1px;
}

.zuweiser .anfahrt {
	margin-top: 3em;
}

.zuweiser ul span {
	margin-right: 1em;
}

.zuweiser ul strong {
	font-weight: 300;
	font-size: x-large;
}

.btn .black {
	font-weight: 600;
	color: #1d1d1d;
	margin-left: 1.5em;
}

.zuweiser .bg-light {
	padding: 40px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	font-size: x-large;
}

.zuweiser p {
	margin: 0 0 1em;
}
.btn:hover	{
	text-decoration: none;
}
.btn-primary:hover {
	background-color: #2b6e88!important;
}

.bg-light {
	background-color: #f0f6f6;
}

.sitemap ul li {
	font-weight: 400;
	margin-bottom: 1ex;
}

.sitemap ul li li {
	font-weight: 300;
	margin-bottom: 0;
	list-style-type: none;
}

.sitemap ul li li strong {
	font-size: 70%;
	font-weight: 600;
	color: #b75640;
}

footer
, footer h2
, footer h3 {
	font-size: large;
}

.container-fluid.skyline {
	background: #fff url(../images/background/hardbruecke_web.svg) no-repeat center bottom;
	width: 100%;
	background-size: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 0.6%;
}

footer .skyline {
	height: 160px;
}

footer {
	padding-bottom: 30px;
	line-height: 1.3em;
}

footer
, footer a
, footer h3
, footer [class*="icon-"] {
	color: #406a77;
	min-width: 1em;
}
footer a	{
	text-decoration: none;
}
footer a:hover	{
	text-decoration: underline;
}
footer h2
, footer h3 {
	font-weight: 900;
	margin: 0 0 10px;
	letter-spacing: 1px;
}

footer .row {
	margin-top: 0;
	margin-bottom: 0;
}

footer .row:last-child {
	margin-bottom: 0;
}

footer .row:last-child [class*="col-"] {
	margin-bottom: 0;
}

footer .container-fluid {
	padding: 0;
}

footer [class*="icon-"] {
	padding-right: 8px;
}
#mapcontent		{
	font-size: large;
}
#mapcontent	img	{
	width: 330px;
	float: left;
	margin-right: 30px;
	line-height: 1.4em;
}

/* @group Fahrzeuge Animation */



.auto0
, .auto1
, .auto2 {
	width: 18px;
	height: 4px;
	position: absolute;
	background-size: 1.2vw;
	margin-left: -20px;
}
.auto0 {
	-webkit-animation: animateAuto 35s linear infinite;
	-moz-animation: animateAuto 35s linear infinite;
	animation: animateAuto 35s linear infinite;
}
.auto1 {
	-webkit-animation: animateAuto 29s linear infinite;
	-moz-animation: animateAuto 29s linear infinite;
	animation: animateAuto 29s linear infinite;
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	animation-delay: 5s;
}
.auto2 {
	-webkit-animation: animateAuto2 38s linear infinite;
	-moz-animation: animateAuto2 38s linear infinite;
	animation: animateAuto2 38s linear infinite;
	-webkit-animation-delay: 9s;
	-moz-animation-delay: 9s;
	animation-delay: 9s;
}
.truck {
	-webkit-animation: animateTruck 35s linear infinite;
	-moz-animation: animateTruck 35s linear infinite;
	animation: animateTruck 35s linear infinite;
}
@-webkit-keyframes animateAuto {
    0% {
        margin-left: -2%;
    }
    100% {
        margin-left: 97%;
    }
}
@-moz-keyframes animateAuto {
    0% {
        margin-left: -2%;
    }
    100% {
        margin-left: 97%;
    }
}
@keyframes animateAuto {
    0% {
        margin-left: -2%;
    }
    100% {
        margin-left: 97%;
    }
}
@-webkit-keyframes animateAuto2 {
    0% {
        margin-left: 97%;
    }
    100% {
        margin-left: -2%;
    }
}
@-moz-keyframes animateAuto2 {
    0% {
        margin-left: 97%;
    }
    100% {
        margin-left: -2%;
    }
}
@keyframes animateAuto2 {
    0% {
        margin-left: 97%;
    }
    100% {
        margin-left: -2%;
    }
}
/* truck */
@-webkit-keyframes animateTruck {
    0% {
        margin-left: 97%;
    }
    100% {
        margin-left: -2%;
    }
}
@-moz-keyframes animateTruck {
   0% {
        margin-left: 97%;
    }
    100% {
        margin-left: -2%;
    }
}
@keyframes animateTruck {
    0% {
        margin-left: 97%;
    }
    100% {
        margin-left: -2%;
    }
}
/*
.auto	{
	margin-top: -12px;
}
.auto1	{
	margin-top: 11px;
}
.auto2	{
	margin-top: 9px;
}*/
.auto0
, .auto1	{
	background: url(../images/background/auto.svg) no-repeat center top;
}
.auto2 {
	background: url(../images/background/auto2.svg) no-repeat center top;
}
.truck{
	background: url(../images/background/truck.svg) no-repeat center top;
	width: 24px;
	height: 6px;
	position: absolute;
	background-size: auto;
}

/* @end */

@media (min-width:1200px) {
	#mapcss {
		height: 70vh;
	}
	.team .header.arzt dd	{
		min-height: 4rem;
	}
	.logos img	{
		max-width: 80%;
	}
}
@media (max-width:1199px) {

}
@media (min-width:2000px) {
	#mapcss {
		height: 80vh;
	}
	.auto0, 
	.auto1, 
	.auto2 {
		width: 21px;
		height: 6px;
	}
	.truck {
	    width: 40px;
	    height: 11px;
	}
}
@media (min-width:992px) {
	.inverse .txt {
		min-height: 460px;
	}
		/* @group gutters */

.g-lg-5
, .gx-lg-5	{
	--bs-gutter-x: 7rem;
}

.team .header.arzt dd	{
	min-height: 4rem;
}
/* @end */
	
}
@media (max-width:1000px) {
	#mapcss {
		background-position: 84% center;
	}
}
@media (max-width:991px) {
	body.colapse	
	, .breadcrumbs
	, body.collapse:not(.show)
	, .breadcrumbs.collapse:not(.show)	{
		display: block;
	}
	body.collapse.show main	
	, .breadcrumbs.collapse.show {
		background-color: rgb(221, 237, 242);
	}
	.team .header h2 {
		font-size: 1.6rem;
	}
	.team .header.arzt dd {
		min-height: 6rem;
	}
	.navbar {
		position: relative;
	}
	.navbar {
		background-color: rgba(255,255,255,1);
		width: 100%;
	}
	.navbar-nav {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
		margin-top: 0;
		margin-left: -10px!;
	}
	.navbar-nav>li.language {
		
	}
	.navbar-nav>li>a
	, .navbar-nav>li.language>a {
		padding: 18px 15px 0 0;
	}
	.navbar-nav>li>a:hover
	, .navbar-nav>li.language.first>a:hover
	, .navbar-nav>li.language>a:hover
	, .navbar .navbar-nav>.active>a:hover {
		padding-right: 15px;
		padding-left: 20px;
	}
	
	.navbar .navbar-nav>li {
		border-bottom: 1px solid #e7e7e7;
		width: 100%;
		
	}
	
	.navbar .navbar-nav>li:last-child {
		border: none;
	}
	
/*	.container-fluid>.navbar-collapse
	, .container-fluid>.navbar-header
	, .container>.navbar-collapse
	, .container>.navbar-header {
		margin-right: -15px;
	}*/
	.navbar-collapse {
		padding-right: 0;
	}
	
	
	.navbar-nav>li.language.first>a {
		padding-left: 0;
	}
	
	header span.lead {
		font-size: 90px;
	}
	.navbar .navbar-toggler {
		border: none;
/*		margin-top: 20px;*/
/*		margin-right: 6px;*/
	}
	
	.navbar-toggler .icon-bar {
		transition: all 0.2s;
		height: 1px;
		display: block;
	}
	
	.navbar-toggler .top-bar {
		transform: rotate(45deg);
		transform-origin: 19px -3px;
	}
	
	.navbar-toggler .middle-bar {
		opacity: 0;
	}
	
	.navbar-toggler .bottom-bar {
		transform: rotate(-45deg);
		transform-origin: 23% 90%;
	}
	
	.navbar-toggler.collapsed .top-bar {
		transform: rotate(0);
	}
	
	.navbar-toggler.collapsed .middle-bar {
		opacity: 1;
	}
	
	.navbar-toggler.collapsed .bottom-bar {
		transform: rotate(0);
	}
	.zuweiser .bg-light	{
		font-size: 100%;
		padding: 10px;
	}
	.zuweiser ul strong	{
		font-size: 100%;
	}
	

	.auto0
	, .auto1
	, .auto2 {
		width: 16px;
		height: 4px;
	}
	.truck	{
		width: 30px;
		height: 7px;
	}
}
.mobilefooter a:hover {
	text-decoration: none;
	color: rgb(148, 161, 173);
}

.mobilefooter {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	max-width: 100%;
	width: auto;
	background-color: rgba(255,255,255,0.86);
	z-index: 100000000000;
}

.mobilefooter .row {
	margin: 0;
}

.mobilefooter [class*="col-"] {
	margin-bottom: 0;
}

@media (min-width:768px) {
	/*	.navbar-nav>li>a {
		padding-top: 30px;
		padding-bottom: 30px;
	}*/
	
	.navbar>.container .navbar-brand {
		margin-left: 0;
	}
	
	dt[class*="col"] {
		padding-left: 0;
	}
	
	.modal-dialog {
		width: 1000px;
		margin: 8% auto 30px;
	}
	
	.kontakt .description [class*="col-"] {
		padding-right: 65px;
	}
/* @group gutters */

g-5
, .gx—md-5 {
--bs-gutter-x: 6rem;
}

/* @end */
}
@media (max-width:767px) {
	.mobilelang div {
		float: right;
		min-height: 100%;
		margin-top: 20px;
	}
	.mobilelang a {
		border-left: solid 1px #e7e7e7;
		padding: 26px!important;
		font-weight: 300;
		color: #000;
	}
	.mobilelang .active a {
		color: rgb(61,144,170);
	}
	.mobilelang a:hover {
		text-decoration: none;
		background-color: #e6ebe8;
		color: #000;
	}
	.mobilelang div:first-child a {
		border-right: solid 1px #e7e7e7;
		margin-right: 8px;
	}
	
	header span.lead {
		font-size: 30px;
		margin-top: 21px;
	}
	
	.device-version {
		display: block;
	}
	
	.dektop-version {
		display: none;
	}
	
	.device-version .accordion .panel-body {
		margin-top: 1em;
	}
	.team .header {
		margin-bottom: 10px;
	}
	.accordion-button {
		font-size: 3rem;
		background-color: rgb(255, 255, 255,0);
	}
	h1
	, h2
	, span.lead
	, .accordion-button
	, .team .header h2 {
		font-size: 2rem;
	}
	
	/*.navbar-nav {
		float: left;
	}*/
	
	/*.navbar.navbar {
		background-color: #fff;
	}*/
	
	/*.navbar .navbar-nav>li>a
	, .navbar .navbar-brand {
		color: #4a4b51;
	}*/
	
	/*.navbar-nav>li.language.first>a
	, .navbar-nav>li.language>a {
		padding-left: 11px;
	}*/
	
	.zuweiserstartseite {
		right: 0;
		padding-left: 5px;
		padding-right: 5px;
		text-transform: capitalize;
	}
	
	.zuweiserstartseite .row [class*="col-"] {
		padding: 2px 0 0;
		line-height: 1.4em;
	}
	
	.smallscreen {
		display: none;
	}
	
	.mobilefooter {
		display: block;
		font-size: 30px;
		padding-top: 15px;
		padding-bottom: 15px;
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	}
	
	header span.lead {
		font-size: 40px;
	}
	
	footer .skyline {
		height: 70px;
		overflow: hidden;
	}
	
	footer {
		padding-top: 0;
		padding-bottom: 60px;
	}
	
	footer .row:first-child {
		margin-top: 20px;
	}
	
	footer [class*=col] {
		margin-bottom: 40px;
	}
	.ostern dt {
	    float: none;
	}
	.angebot .logos [class*="col-"].title	{
		margin-bottom: 60px;
	}
	.auto0 {
		-webkit-animation-duration: 20s;
		-moz-animation-duration: 20s;
		animation-duration: 20s;
	}
	.auto1 {
			-webkit-animation-duration: 20s;
			-moz-animation-duration: 20s;
			animation-duration: 20s;
	}
	.auto2 {
			-webkit-animation-duration: 20s;
			-moz-animation-duration: 20s;
			animation-duration: 20s;
	}
	.truck {
			-webkit-animation-duration: 20s;
			-moz-animation-duration: 20s;
			animation-duration: 20s;
	}	
}
@media (max-width:667px) {
	#mapcss {
		background-size: 170%;
		background-position: 80% center;
		height: 80vw;
	}
	
	.desktop {
		display: none;
	}
	
	.device {
		display: none;
	}
	
	.mobile {
		display: block;
	}
}

@media (max-width:576px) {
	.navbar .container		{
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-brand	{
		margin-left: 15px;
	}
	.navbar .navbar-nav>li {
		padding-left: 15px!important;
	}
	.navbar .navbar-toggler	{
		margin-right: 15px;
	}
}
	
	
@media (max-width:465px) {
	.mobilelang a {
		padding: 24px 10px!important;
	}
	
	.nobreak {
		white-space: normal;
	}
}
@media only screen
and (min-device-width:320px)
and (max-device-width:568px)
and (-webkit-min-device-pixel-ratio:2)
and (orientation:landscape) {

.team .col-sm-6
, footer .col-sm-6 {
	width: 50%;
	float: left;
}

}
/*
@media (min-width:768px) and (max-width:1250px) {
	.navbar>.container .navbar-brand {
		margin-left: 0;
	}
	
	.navbar-brand img {
		width: 176px;
	}
	
	.navbar-nav>li>a {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.lead {
		font-size: 300px;
	}
}*/



@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:portrait) {
	body {
		font-size: large;
	}
	
	.navbar-nav>li>a {
		font-size: large;
	}
	
	footer .row:first-child {
		
	}
	
	.tabs-left>li>a {
		font-size: large;
	}
	
	.zuweiserstartseite {
		padding-right: 0;
		text-transform: capitalize;
	}
	
	.smallscreen {
		display: none;
	}
	
	header iframe {
		height: 280px;
	}
	
	.kontakt .adresse h2 {
		margin-bottom: 1ex;
	}
	
	.kontakt .adresse h3 {
		font-size: large;
	}
}
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape) {
	.zuweiserstartseite {
		padding-right: 0;
		text-transform: capitalize;
	}
	
	.smallscreen {
		display: none;
	}
	
	.team .header h2 {
		font-size: 3rem;
	}
	
	header iframe {
		height: 600px;
	}
	
	.kontakt .adresse h2 {
		margin-bottom: 1ex;
	}
	
	.kontakt .adresse h3 {
		font-size: large;
	}
}

/* Landscape */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	
}
@media (min-device-width:320px) and (max-device-width:480px) {
	.breadcrumbs	{
		display: none;
	}
	.zuweiserstartseite {
		display: none;
	}
	body
	, .leading {
		font-size: x-large;
		line-height: 1.3em;
	}
	a.navbar-brand img {
		max-width: 150px;
	}
	.mobilelang div {
		margin-top: 19px;
	}
	.mobilelang a {
		padding: 21px 10px!important;
	}
	header span.lead {
		text-shadow: 0 0 3px rgb(0, 0, 0);
	}
	h1
	, h2
	, span.lead
	, .accordion-button {
		font-size: xx-large;
	}
	.col-md-12.vcf {
		text-align: center;
	}
	main h1, header span.lead {
		font-weight: 400;
	}
	main h1 {
		margin-top: 40px;
		margin-bottom: 20px;
	}
	main [class*="col-"] {
		margin-bottom: 40px;
	}
/*	.navbar .navbar-toggler {
		margin-top: 14px;
	}*/
	
	.panel {
		margin-bottom: 10px;
	}
	
	.nobreak {
		white-space: nowrap;
	}
	
	.team td.year {
		min-width: 100px;
	}
	
	header iframe {
		height: 240px;
	}
	
	.home .important {
		padding: 1rem 1rem 1rem 1rem;
	}
	.kontakt .adresse h2 {
		margin-bottom: 1ex;
	}
	.kontakt .row:first-child h2 {
		margin-top: 20px;
	}
	.praxis .modal {
		display: none;
	}
	.container.mobilefluid {
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}
	footer .skyline {
		background-size: 241%;
	}
	.auto0
	, .auto1
	, .auto2 {
		width: 7px;
		height: 2px;
	}
	.truck	{
		width: 13px;
		height: 4px;
	}
	.nobreak {
		white-space: pre-wrap;
	}
	.team .header h2 {
	}

	.home h1	{
		margin-top: 20px;
		margin-bottom: 0;
	}
}
@media print {

body {
	padding: 0 30mm 20mm;
	line-height: normal;
	color: #000!important;
}
body
, footer
, footer h2
, footer h3
, .team .header h2
, .laufbahn h3
, .team td 
, .angebot h4
, .kontakt .row h2
, .kontakt .adresse h3	{
	font-size: 10pt!important;
	line-height: normal!important;
}
.laufbahn
, .laufbahn h4 
, .laufbahn p	
, .team li	{
	font-size: 7pt!important;
	line-height: normal!important;
}
.container
, [class*="col-"]
, .row
, p	
, footer
, .laufbahn h3	
, dd
, h4	
, .team.header
, .team .header h2	
, dl
, dt
, li	
, .team li
, footer h2
, footer h3
, .accordion .accordion-item
, .accordion .panel-body
, .kontakt .row h2 {
	padding: 0!important;
	margin: 0!important;
}
.accordion .panel-title 
, .kontakt .row h2	{
	margin-top: 3mm!important;
}
.kontakt 	{
	margin-bottom: 10mm;
}
dd	{
	margin-bottom: 2mm!important;
}
[class*="col-"] {
	margin-bottom: 0!important;
}
.angebot .tab-content ul	{
	min-height: 0!important;
}
footer .row:first-child {
	margin-top: 0;
}
.col-md-6
, .col-sm-6 {
	float: left;
	width: 50%;
	margin-right: 5%;
}
.accordion .accordion-item	{
/*	border-top: dotted #000 0.5mm;*/
}
.navbar.navbar	
	, .navbar-brand
	, .collapse {
	display: block;
}
iframe	{
	height: 120mm!important;
}
.navbar-brand {
	width: 50mm;
}

.breadcrumbs
, .zuweiserstartseite
, .mobilefooter
, footer nav
, .nav.navbar-nav
, footer .container-fluid
, a[href]:after	
, button
, .noprint 
, .kontakt .adresse	{
	visibility: hidden;
	display: none;
}

.home h1 {
	margin-top: 5mm;
	margin-bottom: 0;
	font-size: 14pt;
}

.laufbahn h4 {
	font-weight: 600;
}
.gallery {
	margin-top: 10mm;
	margin-bottom: 10mm;
}
.gallery img 
, .logos img	{
	float: left;
}
.gallery img 	{
	width: 100%;
}
.logos img	{
	width: 40%;
	float: left;
}
[class*="col-"] {
	margin-top: 8mm;
	margin-bottom: 2mm;
}
.mpa
, footer {
	border-top: dotted 1px #000!important;
	padding-top: 2mm!important;
	margin-top: 2mm!important;
}
}