h5.druck {
  display: none;
}

body {
  margin: 0px;
  padding: 0px;
  background-image: url(Grafik/hintergrund.jpg);
}

table.randblau {
  font-family: Arial;
  background-color: #08485D;
  width: 800px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}


/* Schriftarten */

@font-face { font-family: 'MalgunGothic';
             src: local ('MalgunGothic')
                  url('fonts/MalgunGothic.woff2') format('woff2'); 
}
                 
 
/* Menueleiste */s

td.m {
  color: #08485D;
}

.em {
  font-weight: normal;
  text-decoration: none;
  color: rgb(18, 112, 112);
}

a.m:link {
  font-weight: bold;
  text-decoration: none;
  color: #08485D;
}

a.m:visited {
  font-weight: bold;
  text-decoration: none;
  color: #08485D;
}

a.m:active {
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}

a.m:hover {
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}

/* Textfeld */

table.textfeld {
  padding-right: 0px;
  text-align: left;
  width: 100%;
}

td.textfeld {
  background-color: rgb(256, 256, 256);
  background-image: url(Grafik/hg-seite.jpg);
}

td.rand-links {
  width: 40px;
  text-align: center;
  vertical-align: top;
}

.block {
	max-width: 100% !important;
	color: #000;
}

td.text {
  vertical-align: top;
  padding-left: 0px;
  margin-top: -10px;
}

a:link {
  text-decoration: underline;
  color: #000000;
}

a:visited {
  text-decoration: underline;
  color: #000000;
}

a:active {
  text-decoration: underline;
  color: #08485D;
}

a:hover {
  text-decoration: underline;
  color: #08485d;
}

/* Texteinblendung - Start */

.header_txt a:link {
  text-decoration: none !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.header_txt a:hover {
  text-decoration: none !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.header_txt a:visited {
  text-decoration: none !important;
  color: rgba(255, 255, 255, 0.8) !important;
}


/* Tabellen */
.table_text, .table_text_4 {
  margin-top: 10px;
  color: #000000 !important;
}
.table_text td, .table_text_4 td {
  vertical-align: top !important;
  line-height: 1.2em;
}
.nowrap {
  	white-space: nowrap !important;
}

.table_text td:first-child, td:nth-child(2) {
	width: 30%;
 	padding-right: 10px;
}

.table_text_2 td:first-child {
	width: 25%;
 	padding-right: 10px;
 	vertical-align:top;
}
.table_text_2 td:nth-child(2) {
	width: 75%;
}



.table_text_4 td:first-child, td:nth-child(2), td:nth-child(3) {
 	padding-right: 10px;
}


.table_text .small {
  	font-size: small;
    padding-bottom: 10px;
}

.table_text_4 td {
    padding-bottom: 10px;
}


@media (max-width: 600px) {
	.nowrap {
	  	white-space: normal !important;
	}
	.table_text td:first-child, td:nth-child(2) {
 		padding-right: 3px;
	}
	.table_text_4 td:first-child, td:nth-child(2), td:nth-child(3) {
	 	padding-right: 3px;
	}
}


/* Bilder */
.img_float_r { 
	float: right; 
	right: 0px !important;
	margin-left: 0.5em;
}
.clear { 
	clear: right;
}

.hg_winter { 
	background-image: linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,.0)), url('Grafik/HG_winter_800.png');
	background-repeat: no-repeat;
	background-position: right 5px bottom;
	padding-bottom: 10px;
	background-size: 60%;
}
.hg_bau { 
	background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url('Grafik/Baustelle_W_300.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}
.hg_bau_200 { 
	background-image: linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,.0)), url('Grafik/Baustelle_W_220.png');
	background-repeat: no-repeat;
	background-position: right 20px bottom;
	background-size: 200px;
}
.hg_form_220 { 
	background-image: linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,.0)), url('Grafik/Formular_220.png');
	background-repeat: no-repeat;
	background-position: right 20px bottom;
}
.hg_sommer { 
	background-image: linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,.0)), url('Grafik/Sommer_Bully_300.png');
	background-repeat: no-repeat;
	background-position:  right 5px bottom 0;
}
.hg_herbst { 
	background-image: linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,.0)), url('Grafik/herbst_paar_300.png');
	background-repeat: no-repeat;
	background-position:  right 5px bottom 0;
	background-size: 200px;
}
.hg_error { 
	background-image: linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,.0)), url('Grafik/error_500px.png');
	background-repeat: no-repeat;
	background-position: right 20px bottom 10px;
	background-size: 160px;
}
.hg_vortrag { 
	background-image: linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,.0)), url('Grafik/fusszeile_aetOele_202511.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	background-color:#fefff9;
	padding-bottom: 205px;
}

@media (max-width: 600px) {
	.hg_bau_200 { 
		background-size: 23%;
		background-position: right 10px bottom 5px;}
	.hg_form_220 { 
		background-size: 35%;
		background-position: right 10px bottom 5px;
		padding-bottom: 45px;}
	.hg_error { 
		background-size: 20%;
		background-position: right 10px bottom 5px;}
	.hg_sommer { 
		background-size: 30%;		
		background-position: right 5px bottom 5px;}
	.hg_herbst { 
		background-image: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.6)), url('Grafik/herbst_paar_300.png');
		background-size: 40%;}
	.hg_vortrag { 
		background-size: 100%;
		padding-bottom: 115px;}
	.hg_winter { 
		background-size: 100%;
		padding-bottom: 95px;	}

}

/*
offenbar alles überflüssig:

#akkordeon:not(:target) .inhalt,
#akkordeon:not(:target) .hide,
#akkordeon:target .show {
  display: none;
}

#akkordeon:target .inhalt {
  display: block;
}

.inhalt {
  box-shadow: none;
  padding: 0px 0px 0px;
  margin: 0px 0px 10px;
  text-align: left;
}

.show,
.hide {
  padding: 10px;
  background: none;
  box-shadow: none !important;
  border-width: 1px;
  border-color: #bbb;
  border-style: solid;
  font-weight: normal;
  text-decoration: none;
}

.show:hover,
.hide:hover {
  background-color: rgb(208, 249, 73);
  border-width: 1px;
  border-color: rgb(208, 249, 73);
  border-style: solid;
  font-weight: normal;
  text-decoration: none;
  transition: 0, 2s all ease-in-out !important;
}

a.show:link {
  color: #888;
  font-weight: normal;
  text-decoration: none;
}

a.show:visited {
  color: #888;
  font-weight: normal;
  text-decoration: none;
}

}

a.show:active {
  color: #08485D;
  font-weight: normal;
  text-decoration: none;
}

a.show:hover {
  color: #08485D;
  font-weight: normal;
  text-decoration: none;
}

div.einblendung {
  line-height: 140%;
  margin: -30px 0px 30px 40px;
  max-width: 500px;
  font-size: 12pt;
  text-align: right;
  font-family: arial, sans-serif;
}

div.intro {
  line-height: 100%;
  margin: 0px 0px 0px 20px;
  max-width: 500px;
  font-size: 20pt;
  text-align: left;
  color: #eee;
  font-family: arial, sans-serif;
  font-weight: bold;
}

img.intro {
  height: 20px;
  width: auto;
}
*/
/* Texteinblendung - Ende */

div.text {
  width: 530px;
}

h1 {
  margin: 1em 0 0.5em 0;
  text-align: left;
  font-size: 1.8em;
  font-family: arial, sans-serif;
  font-weight: bold;
}

h2 {
  line-height: 140%;
  margin: 1em 0px 0.5em 0px;
  font-size: 1.3em;
  font-family: arial, sans-serif;
  font-weight: bold;
}

h3 {
  line-height: 120%;
  margin: 0.5em 0px 0.5em 0px;
  font-size: 1.25rem;
  font-weight: 500;
}

h4 {
  line-height: 140%;
  margin: 1em 0px 0.5em 0px;
  max-width: 500px;
  font-size: 1.3em;
  font-weight: 600;
}
.ueberschrift_rot {
  color: #bb424e !important;
}

p {
  line-height: 140%;
  margin: 0px 0px 30px 00px;
  /*max-width: 500px; Änderung 28.03.2023*/
  font-size: 12pt;
  text-align: left;
  color: #000000;
  font-family: arial, sans-serif;
}

.p {
  line-height: 140%;
  margin: 0px 0px 30px 40px;
  max-width: 500px;
  font-size: 12pt;
  text-align: left;
  color: #000000;
  font-family: arial, sans-serif;
}

table.p-border {
  line-height: 140%;
  margin: 0px 0px 0px 0px;
  max-width: 500px;
  font-size: 12pt;
  text-align: left;
  color: #000000;
  font-family: arial, sans-serif;
}

td.head {
  text-align: center;
  font-size: 12pt;
  text-align: top;
  color: #999;
  font-family: arial, sans-serif;
  padding-bottom: 20px;
  padding-top: 10px;
}

td.dezent {
  font-size: 12pt;
  text-align: center;
  vertical-align: top;
  color: #333;
  font-family: arial, sans-serif;
}

td.vieltext {
  padding-bottom: 20px;
}

div.border {
  border-width: 1px;
  border-color: #ccc;
  border-style: solid;
  margin: 0px 0px 00px 0px;
  max-width: 500px;
}

p.h {
  margin: 30px 0px 10px 30px;
  max-width: 500px;
  text-align: left;
  color: #000000;
  font-family: arial, sans-serif;
}

p.e {
  margin: 0px 0px 0px 50px;
  max-width: 500px;
  text-align: left;
  color: #000000;
  font-family: arial, sans-serif;
}

p.abs-kl {
  line-height: 100%;
  margin: 0px 0px 30px 40px;
  max-width: 500px;
  font-size: 12pt;
  text-align: left;
  color: #000000;
  font-family: arial, sans-serif;
}

span.normalertext {
  color: #000000;
  font-size: 11pt;
  font-family: verdana, arial, sans-serif;
  font-weight: normal;
}

.dezent {
  color: #333;
  font-family: arial, sans-serif;
  font-weight: normal;
}

.dezentkl {
  color: #7f7f7f;
  font-size: 10pt;
  font-family: verdana, arial, sans-serif;
  font-weight: normal;
}
.alarm  {
  color: #CC3300;
}
@media (min-width: 600px) {
	.enger_Text_60  {
  		width: 65% !important;
	}
}
.enger_Text_40  {
  	width: 45% !important;
}

.float_r { 
	float: right; 
}

.kl {
  font-size: 10pt;
}

ul {
  margin: 0px 0px 0px 0px;
  list-style-type: disc;
  max-width: 450px;
  text-indent: 0px;
}

li {
  line-height: 140%;
  margin: 0px 0px 0px 0px;
  text-align: left;
  color: #000000;
  font-family: arial, sans-serif;
  font-size: normal;
}

p.li {
  /*Einzug bŸndig zum Listentext */
  line-height: 140%;
  margin: 0px 0px 0px 75px;
  max-width: 500px;
  text-align: left;
  color: #000000;
  font-family: arial, sans-serif;
}

/*em {
  font-weight: bold;
  font-style: normal;
}*/

blockquote {
  margin-left: 50px;
  font-style: italic;
}

a.ou:link {
  text-decoration: none;
  color: #000000;
}

a.ou:visited {
  text-decoration: none;
  color: #000000;
}

a.ou:active {
  text-decoration: underline;
  color: #000000;
}

a.ou:hover {
  text-decoration: underline;
  color: #000000;
}

/* Fusszeile */

table.fusszeile {
  font-family: Arial;
  width: 800px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

td.fusszeile {
  font-size: small;
  text-align: center;
  font-family: Arial;
  color: black;
}

a.o:link {
  text-decoration: none;
  color: #08485D;
}

a.o:visited {
  text-decoration: none;
  color: #08485D;
}

a.o:active {
  text-decoration: underline;
  color: #08485D;
}

a.o:hover {
  text-decoration: underline;
  color: #08485D;
}

a.u:link {
  color: #08485D;
  text-decoration: underline;
}

a.u:visited {
  color: #08485D;
  text-decoration: underline;
}

a.u:active {
  text-decoration: underline;
  color: #08485D;
}

a.u:hover {
  text-decoration: underline;
  color: #08485D;
}

/* Jameda zentrieren */

table.jameda {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  color: black !important;
  "
}

.jameda div {
}


/* Test transparenter Hintergrund */

span.o {
  background: #08485D;
  opacity: 0, 1;
  background-color:#08485D;
}

/* Von Gabriel hinzugefügt */

/** Bootstrap Settings überschreiben */

.container {
  background-color: white;
  border-color:   #08485D;
  border-width: 1px;
  border-style: solid; 
  text-align: left;
}

.navbar-light .navbar-toggler-icon {
  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='rgb(0, 0, 153)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-toggler {
  border-color: #08485D;
}

.badge {
  text-align: left;
}

.badge-dark {
  background-color: #08485D;
  padding-top: 1em;
  padding-bottom: 1em;
  color: white;
}

.row,
.container {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.card-title {
  hyphens: manual;
}

/** Eigene Definitionen **/

.meiza-content {
  border: 10px red solid;
  background-color: red;
  background-image: url('Grafik/sockel_foto.jpg');
}

.kopf-zeile-1 {
  font-size: 1.0em;    
  line-height: 1.0;
  color: rgba(255, 255, 255, 0.7);  
  font-family: 'MalgunGothic', sans-serif;
}

.meiza-dr-latzel {
  font-size: 2em;
  line-height: 1.25;  
  font-family: 'MalgunGothic', sans-serif;  
  padding-bottom: 0.1em;
}

.meiza-praxis-fuer-zahnheilkunde {
  font-size: 0.9em;   
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.7);  
  font-family: 'MalgunGothic', sans-serif;
}

.meiza-menu {
  background-color: rgb(208, 249, 73);
}

.meiza-menu a.meiza-menu-item {
  color: #033F40;
  text-decoration: none;
  font-weight: bold;
}

.meiza-menu a.meiza-menu-item.active {
  color: #000;
}

.meiza-menu a.meiza-menu-item:hover:not(.active) {
  color: black;
  text-decoration:underline;
}

.btn.btn-secondary {
  border-color: #08485d;
  color: #08485d;
  background-color: transparent;
}

.btn.btn-secondary:hover {
  border-color: #517e8d;
    color: #517e8d;  
    background-color: #c4d3d8;
}
.button_fuss {
	text-align: center !important;
	margin-top: 20px;
}


.collapse {
  border: none;
  padding: 0px;
  color: transparent;
  background-color: transparent;
}

a.btn:link {
  text-decoration: none;
}

.remove-side-margin {
  margin-left: -15px;
  margin-right: -15px;
}

.jobs_icon_div {
	position: fixed;
	top: 12em;
	left: 0;	
}
.jobs_icon:hover {
    filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
}

@media (max-width: 920px) {
	.jobs_icon_div {
		position: absolute;
		top: 2.5rem;
		left: 0.5rem;
	}
	.jobs_icon {
		width: 100px !important;
	}

}

/* Bilder formatieren */

.teamfoto {
	padding-bottom: 10px;
	background-color: #004861;
}
.team_beshara {
	background-image: url('Fotos/Beshara_freigestellt_weiss_800x453.jpg');
}
.team_latzel {
	background-image: url('Fotos/Latzel_freigestellt_weiss_800x453.jpg');
}
.team_jurischka {
	background-image: url('Fotos/Jurischka_freigestellt_weiss_800x453.jpg');
}
.team_wolf {
	background-image: url('Fotos/Wolf_freigestellt_weiss_800x453.jpg');
}

.border-team {
	margin-top: 30px;
	padding: 0 0 45% 0;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	background-repeat: no-repeat;
	background-position: right bottom;	
	background-size: 100%;
}
@media (max-width: 600px) {
	.border-team {
		width: 94%;
		margin-left: 3%;
	}
}
.border-team h3 {
	margin: 0 0 15px 0 !important;
}

/* Popup */

.popup {
	background-image:url('Fotos/Popup_2024_520.png');
	background-repeat: no-repeat;
    background-color: #ffffff;
    padding: 10px 10px 10px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border: solid 2px #08485d;
    box-shadow: 5px 5px 5px silver;
    border-radius: 8px;
    display: none; 
    text-align: center;
    z-index: 99;
}
.popup_intern {
	background-image:url('Fotos/Popup_558px_2024.jpg');
	background-repeat: no-repeat;
    background-color: #ffffff;
    padding: 10px 0px 10px;
    border: solid 0px #08485d;
    border-radius: 0px;
}


.popup button {
    display: block;
    margin:  0 0 20px auto;
    padding: 0 0 5px 0;
    background-color: transparent;
    line-height: 0.2em;
    font-size: 20px;
    font-weight:bolder;
    vertical-align: top;
    color: #ffffff;
		background: #08485d;
		border-radius: 100%;
		width: 40px;
		height: 40px;
    border: solid 2px #d7e600;
    outline: none;
    cursor: pointer;
}
.popup button:hover {
  	background: #558190;
}


.popup h2{
	margin-top: 300px;    
	text-align: left;
	font-size: 17px;    
	padding: 0 10px;
}
.popup_intern h2{
	margin-top: 340px;    
	text-align: left;
	font-size: 17px;  }
.popup p{
    font-size: 14px;
    text-align: left;
    margin: 2px 0;
    line-height: 20px;   
	padding: 0 10px;
}
.popup a{
    display: block;
    width: 150px;
    position: relative;
    margin: 10px auto;
    text-align: center;
    background-color: #08485d;
	border-radius: 20px;
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
       border: solid 2px #d7e600;
}
.popup a:hover {
  	background: #558190;
}


@media (max-width: 600px) {
	/* Korrektur Rahmen Infokasten */
	.card-body {
  		padding: 0.5rem 0 0.5rem 0;
	}
	
	.offset-1 {
  		margin-left: 0% !important;
	}
	.col-10 {
  		-ms-flex: 0 0 100%;
  		flex: 0 0 100%;
  		max-width: 100%;
	}
	
	.col-12 {
	    padding-right: 15px;
    	padding-left: 15px;
  	}

	.popup{
		background-image:url('Fotos/Popup_2024_400.png');
		width: 400px;
	    padding: 5px 5px 5px;
	}	
	.popup_intern {
		background-image:url('Fotos/Popup_2024_400.png');
	}

	.popup h2 {
		margin-top: 230px; 
	}
	.popup_intern h2 {
		margin-top: 280px; 
	}

}