body { text-rendering: optimizeLegibility; }
img { max-width: 100%; height: auto; }
iframe { position: absolute; height: 80%; width: 100%; border: none; }
.centerItem { position: absolute; width: 90%; left: 50%; top: 45%; transform: translate(-50%, -40%); }

h1 { color: Silver; line-height: 1.5; max-width: 30em; margin-left: auto; margin-right: auto; margin-bottom: 3em; padding: 2em; text-align: center; }
h1.hero-heading { line-height: 1.5; margin: 0; padding: .5em; }
// h2 { font-weight: 600; font-variant: small-caps; line-height: 1.25; margin: 2em 0 1.5em 0.3em; }
h2, .DIH2 { font-weight: 600; text-transform: uppercase; line-height: 1.25; margin: 1.5em 0 1em 0.3em; }
.DIH2 { font-family: 'Dosis', sans-serif; font-weight: 400; line-height: 1; letter-spacing: 0.10em; color: #111; text-align: left; 
text-transform: uppercase; margin: 0; padding: 0 0 0 10px; }
.section-dosis { font-size: 3.75em; margin: .05em 0 .25em 0; padding: 0; line-height: 1.25; }
.section-UHdosis { font-size: 1.875em; margin: 0; padding: 0; line-height: 1.25; }
.section-news-title { font-size: 1.625em; color: #111; margin: 0; padding: 1em 0 25px 0; }

h3 { font-weight: 400; line-height: 1.3; margin: 2.5em 0 1.5em 0.25em; letter-spacing: 0.01em; }
h4, .tdTop1, .tdTop2 { line-height: 1.1; margin: 2.5em 0 1.5em 0.35em; }
.h5dosis { font-size: 1em; margin: 0 0 0 0.15em; padding: 0; letter-spacing: 0.3em; line-height: 1.35; }
.MPH1 { text-transform: uppercase; line-height: 1.75; }
.MPH2 { font-weight: 600; line-height: 1.5; }
.MPH3 { font-weight: 400; line-height: 1.5; }
.MPH4 { font-weight: 200; line-height: 1.35; }

p, li, .text-description, #form input, #form textarea { font-family: "Heebo-Light", sans-serif; letter-spacing: -0.01em; }
a, p a { color: blue; font-weight: bold; text-decoration: underline; }
b { font-family: "Heebo-Regular", sans-serif; font-weight: 900; }
ul { padding-left: 1.75em; }
.text-description li { list-style-type: none; line-height: 1.35; margin: 0.5em 0.25em 0.75em 0.75em; text-indent: -1em; font-family: "Heebo-Regular", sans-serif; }
.text-description li::before { content: "○ "; font-size: 1.1em; color: red; }
.center-container { padding: 0 1.5em 0 1.5em; }
.testimonials .section-title, .testimonials .dosis, .testimonial .text-description, .testimonial h4 { color: FloralWhite; }
.testimonial .text-description { line-height: 1.65; margin: 1.5em 0 0.75em 0; }
.testimonial h4 { font-size: 1.5em; font-weight: 600; }
table { margin: 0 0 0 0.85em; }
table tbody td { padding: 0.5em 1em 0.5em 0; }
.tdTop2 { font-weight: 600; white-space: nowrap; width: 120px; text-align: right;}

nav { background-color: rgba( 20 20 20 / 0.65); }
.navscroll { font-family: "isonorm", sans-serif;  font-weight: normal; color: FloralWhite; }
// .bnext { position:fixed; bottom:15px; right:15px; }
.bnext { margin: 0 1em 2em 0; }
.quote .internal-link { padding: 1em; background-color: rgba( 230 230 230 / 0.5); }
.bg-photo-1 { background-image: url(/images/img_ex/background/bg-1.jpg); background-repeat: no-repeat;
background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.secondary-experience #header .logo { background: url(/images/logo/logo_p.png) no-repeat; }
.jqm-infobox { color: black; background-color: lightyellow; text-align: left; padding: 20px; border: solid 3px green; border-radius: 15px; margin: 0 auto; width: 90%; max-width: 40em; }
.jqm-infobox p { font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; }
.contact-box { color: black; background-color: white; text-align: left; padding: 0em; border: solid 3px green; border-radius: 15px; margin: 0 auto; width: 90%; max-width: 35em; }
#form input:focus, #form textarea:focus { border: 2px solid #555; }
.linksurl a, .linksurl a:visited, .linksurl a:active, .linksurl a:hover { all: revert; }

#header .logo { position: absolute; top: 20px; left: 15px; width: 200px; height: 100px; background: url(/images/logo/logo_p.png) no-repeat; }

.ui-state-disabled { opacity: 0.2; pointer-events:none; }
.ptextL img { margin: 0.5em 1em 0.5em 0; }
.ptextR img { margin: 0.5em 0 0.5em 1em; }
.note-float-left { float: left; margin: 0.5em 1em 0.5em 0; }
.note-float-right { float: right; margin: 0.5em 0 0.5em 1em; }
.note .media-wrapper { border-bottom: 1px solid #4e595f; }
.img-center { display: flex; justify-content: center; margin: 0.5em 0 0.5em 0; }
.img-center img { height: auto; width: 50%; }
.cropped { object-fit: cover;  -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover; width: 100vw; max-height: 30vh; }
.textmax { height: 500px !important; }
.scrollup { line-height: 40px; margin: 0 !important; padding: 0 20px !important; -webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1); transition: all .3s cubic-bezier(.19, 1, .22, 1); text-align: center; letter-spacing: .02em; text-transform: none; color: #fff; border: none; border-radius: 100px; bottom: 25px; color: #fff; background-color: DarkSlateGray; border: 1px solid white; display: none; position: fixed; right: 20px; z-index: 600; }
.scrollup:hover { background-color: white; color: DarkSlateGray; border: 1px solid #17356B; }

/* Cookies */
.accButt { background-color: gainsboro; color: black; padding: 5px 5px 5px 5px; border-style: outset; border-width: 0.15em; border-color: white; border-radius: 0.4em; }
.accButt:hover { background-color: white; 	color: green;	font-style: italic; }
.cpointer { cursor: pointer; }
#cookieNotice { z-index: 9000; position:fixed; top:5px; left:5px; right:5px; background-color:rgba(0, 0, 0, 0.8); color:#FFFFFF; border-bottom:solid 1px #a0a0a0;padding:10px;font-weight:600; text-align:left; }
#cookieNoticeCloser { color:transparent;position:absolute;right:10px;width:15px;height:15px; }
#cookieNoticeCloser:before { content:'';position:absolute;width:1px;height:9px;background-color:#000000;left:7px;top:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg); }
#cookieNoticeCloser:after { content:'';position:absolute;width:1px;height:9px;background-color:#000000;left:7px;top:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg); }	

@media screen and (min-width: 993px) {
	.mehrspaltig { columns: 3 10em; -webkit-hyphens: auto; hyphens: auto; padding: 2em; }
	.zweispaltig { columns: 2 12em; -webkit-hyphens: auto; hyphens: auto; padding: 0; }
	h1.hero-heading { font-size: 3.75em; }
	h2.section-dosis { font-size: 4em; }
	h2.section-news-title { font-size: 2.75em; }
	h2 { font-size: 2.5em; }
	h3 { font-size: 2em; }
	h4 { font-size: 1.5em; }
	h5.dosis, .tdTop1, .tdTop2  { font-size: 1.25em; }
	.MPH1 { font-size: 2em; }
	.MPH2 { font-size: 1.625em; }
	.MPH3, #form textarea, .testimonial .text-description { font-size: 1.375em; }
	.MPH4, #form input { font-size: 1.25em; }
	p, li, .text-description { font-size: 1.1875em; }
	.navscroll { font-size: 0.8125em; }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.mehrspaltig { columns: 2 12em; -webkit-hyphens: auto; hyphens: auto; padding: 2em; }
	.zweispaltig { columns: 1 14em; -webkit-hyphens: auto; hyphens: auto; padding: 0; }
	.textmax { position: relative; width: 100%; overflow: hidden; height: 80vmax; }
	h1.hero-heading { font-size: 3.375em; }
	h2.section-dosis { font-size: 3.5em; }
	h2.section-news-title { font-size: 2.25em; }
	h2 { font-size: 2em; }
	h3 { font-size: 1.75em; }
	h4 { font-size: 1.25em; }
	h5.dosis, .tdTop1, .tdTop2 { font-size: 1.125em; }
	.MPH1 { font-size: 1.875em; }
	.MPH2 { font-size: 1.5em; }
	.MPH3, #form textarea, .testimonial .text-description { font-size: 1.25em; }
	.MPH4, #form input { font-size: 1.125em; }
	p, li, .text-description { font-size: 1.1875em; }
	.navscroll { font-size: 1.25em; margin: 0.5em 0.25em 0.5em 0.25em; text-align: left; }
}	

@media screen and (max-width: 767px) {
	.mehrspaltig, .zweispaltig { columns: 1 14em; -webkit-hyphens: auto; hyphens: auto; padding: 0; }
	.textmax { position: relative; width: 100%; overflow: hidden; height: 100vmax; }
	h1.hero-heading { font-size: 2.25em; }
	h2.section-dosis { font-size: 3.125em; }
	h2.section-news-title { font-size: 1.625em; }
	h2 { font-size: 1.75em; }
	h3 { font-size: 1.375em; }
	h4 { font-size: 1.125em; }
	h5.dosis, .tdTop1, .tdTop2 { font-size: 1em; }
	.MPH1 { font-size: 1.75em; }
	.MPH2 { font-size: ; }
	.MPH3, #form textarea, .testimonial .text-description { font-size: 1.125em; }
	.MPH4, #form input { font-size: 1em; }
	p, li, .text-description { font-size: 1.125em; }
	.navscroll { font-size: 1.5em; margin: 0.5em 0.25em 0.5em 0.15em; text-align: left; }
}

@font-face { font-family: 'Heebo-Light'; src: url('/css/fonts/Heebo-Light.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Heebo-Regular'; src: url('/css/fonts/Heebo-Regular.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'isonorm'; src: url('/css/fonts/isonorm.ttf') format('truetype'); font-display: swap; }