
@font-face { font-family: 'beau';
             src: url('/resources/z-herbanima/pfbeausanspro-reg.ttf') format('truetype'); }
@font-face { font-family: 'beau';
             src: url('/resources/z-herbanima/pfbeausanspro-reg.ttf') format('truetype');
             font-style: italic; }
@font-face { font-family: 'beau';
             src: url('/resources/z-herbanima/pfbeausanspro-bold.ttf') format('truetype');
             font-weight: bold; }
@font-face { font-family: 'beau';
             src: url('/resources/z-herbanima/pfbeausanspro-bold.ttf') format('truetype');
             font-weight: bold;
             font-style: italic; }
:root {
--f7-button-font-size: 18px !important;
--f7-block-title-font-size: 17px !important;
  --f7-theme-color: #f00;
  --f7-theme-color-shade: #d60000;
  --f7-theme-color-tint: #ff2929;
  --f7-theme-color-rgb: 255, 0, 0;
  --f7-navbar-bg-color: #00075b;
  --f7-block-title-text-color: #00075b;
  --f7-navbar-text-color: #ffffff;
  --f7-navbar-link-color: #ffffff;
  --f7-list-item-title-font-weight: bold;
  --f7-menu-bg-color: #00075b !important;
}
@media print { 
	* {overflow: visible !important;} 
	.dont_print {display:none !important;} 
}
body {
	font-family:beau !important;
}
.block-title {
    color: #00075b !important;
}
.button-herbanima {
    color: #00075b !important;
	border-color: #00075b !important;
	border: 1px solid #00075b !important;
}
.button-herbanima:hover {
    background-color: #00075b !important;
    color: #fff !important;
}


.button-herbanima-important {
    color: #ffffff !important;
        border-color: #d97308 !important;
        border: 1px solid #d97308 !important;
	background-color: #d97308 !important;
}

 
.item_content_smartselect {
    border: 1px solid #00075b;
    border-radius: 4px;
    background-color: #ffffff;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 3px;
}
._card {
    border: 1px solid #00075b;
    border-radius: 4px;
    background-color: transparent !important;
}
.item-content {
    display:inline;
}
.item-title {
    font-weight: bold !important;
    white-space: normal !important;
}
.block-title {
    white-space: normal !important;
}
.item-input-wrap input[type=text] {
    background-color: #ffffff !important;
}
.page {
  background: url("/resources/z-herbanima/images/background_herba.jpg") no-repeat  fixed !important;
  background-size: cover !important;
}
.td_prozent ,.td_prozent1 {
	text-align: right;
	font-weight: bold;
}
.card-header {
	color: #00075b !important;
	font-weight: bold !important;
	
}

.smart-select-page li.disabled{
	display:none
}

:root {
  --f7-dialog-button-text-color: var(--f7-theme-color);
  --f7-dialog-button-text-align: center;
  --f7-dialog-input-bg-color: #fff;:
  --f7-sheet-height: 70%;
  --f7-sheet-border-color: transparent;
  --f7-sheet-transition-duration: 300ms;
  --f7-sheet-push-border-radius: 10px;
  --f7-sheet-push-offset: var(--f7-safe-area-top);
  --f7-sheet-bg-color: #fff;
}
.ios {
  --f7-dialog-bg-color: rgba(255, 255, 255, 0.95);
  --f7-dialog-box-shadow: none;
  --f7-dialog-width: 270px;
  --f7-dialog-inner-padding: 15px;
  --f7-dialog-border-radius: 13px;
  --f7-dialog-text-color: #000;
  --f7-dialog-text-align: center;
  --f7-dialog-font-size: 14px;
  --f7-dialog-title-text-color: inherit;
  --f7-dialog-title-font-size: 18px;
  --f7-dialog-title-font-weight: 600;
  --f7-dialog-title-line-height: inherit;
  --f7-dialog-button-font-size: 17px;
  --f7-dialog-button-height: 44px;
  --f7-dialog-button-letter-spacing: 0;
  --f7-dialog-button-font-weight: 400;
  --f7-dialog-button-text-transform: none;
  --f7-dialog-button-pressed-bg-color: rgba(230, 230, 230, 0.95);
  --f7-dialog-input-border-radius: 4px;
  --f7-dialog-input-font-size: 14px;
  --f7-dialog-input-height: 32px;
  --f7-dialog-input-border-color: rgba(0, 0, 0, 0.3);
  --f7-dialog-input-border-width: 1px;
  --f7-dialog-input-placeholder-color: #a9a9a9;
  --f7-dialog-preloader-size: 34px;
  --f7-block-title-text-color: #00075b;
}
.md {
  --f7-dialog-bg-color: #fff;
  --f7-dialog-box-shadow: var(--f7-elevation-24);
  --f7-dialog-width: 280px;
  --f7-dialog-inner-padding: 24px;
  --f7-dialog-border-radius: 4px;
  --f7-dialog-text-color: #757575;
  --f7-dialog-text-align: left;
  --f7-dialog-font-size: 16px;
  --f7-dialog-title-text-color: #212121;
  --f7-dialog-title-font-size: 20px;
  --f7-dialog-title-font-weight: 500;
  --f7-dialog-title-line-height: 1.3;
  --f7-dialog-button-font-size: 14px;
  --f7-dialog-button-height: 36px;
  --f7-dialog-button-letter-spacing: 0.03em;
  --f7-dialog-button-font-weight: 500;
  --f7-dialog-button-text-transform: uppercase;
  --f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
  --f7-dialog-input-border-radius: 0px;
  --f7-dialog-input-font-size: 16px;
  --f7-dialog-input-height: 36px;
  --f7-dialog-input-border-color: transparent;
  --f7-dialog-input-border-width: 0px;
  --f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.35);
  --f7-dialog-preloader-size: 32px;
  --f7-block-title-text-color: #00075b;
}
.aurora {
  --f7-dialog-bg-color: #fff;
  --f7-dialog-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15), 0 25px 30px 0 rgba(0,0,0,0.35);
  --f7-dialog-width: 300px;
  --f7-dialog-inner-padding: 20px;
  --f7-dialog-border-radius: 4px;
  --f7-dialog-text-color: #000;
  --f7-dialog-text-align: left;
  --f7-dialog-font-size: 14px;
  --f7-dialog-title-text-color: inherit;
  --f7-dialog-title-font-size: 14px;
  --f7-dialog-title-font-weight: 700;
  --f7-dialog-title-line-height: inherit;
  --f7-dialog-button-text-color: #fff;
  --f7-dialog-button-font-size: 13px;
  --f7-dialog-button-height: 28px;
  --f7-dialog-button-letter-spacing: 0;
  --f7-dialog-button-font-weight: 500;
  --f7-dialog-button-text-transform: none;
  /*
  --f7-dialog-button-pressed-bg-color: var(--f7-theme-color-shade);
  */
  --f7-dialog-input-border-radius: 4px;
  --f7-dialog-input-font-size: 13px;
  --f7-dialog-input-height: 24px;
  --f7-dialog-input-border-color: rgba(0, 0, 0, 0.12);
  --f7-dialog-input-border-width: 1px;
  --f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.32);
  --f7-dialog-preloader-size: 24px;
  --f7-block-title-text-color: #00075b;
  --f7-list-item-title-font-weight: bold;
}

.form-widget input {
		border: 1px solid grey !important;
		padding: 2px !important;
}
.master_sub input {
		border: 1px solid grey !important;
		padding: 2px !important;
}
.hinweis_naturton {
      display:none !important;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pdfpage .page-content .card {
	padding: 15px;
    background: #fff;
    position: relative;
    border-radius: 4px;
    font-size: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-right: 8px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.pdfpage .page-content .card .data-table ,.pdfpage .page-content .card .data-table table ,.pdfpage .page-content .card .data-table tbody ,.pdfpage .page-content .card .data-table tr {
	width: 95%
}
.pdfpage .page-content .card .data-table td {
	padding: 5px;
	border-bottom: 1px solid lightgrey;
}
.pdfpage .card-menge {
	display:none;
}
