/* ******************************************************** */
/* Screen CSS-Definitionen */
/* Stand: 03.12.2018 */
/* Projekt: www.amnog-monitor.com */
/* ******************************************************** */

/* ******************************************************** */
/* Türkis dunkel: #448193
/* Türkis hell: #a6bfc8
/* Apfelgrün: #ceda26
/* Apfelgrün hell: #ECF3CE
/* ******************************************************** */

/* Farben Zusatznutzen */
@media screen and (max-width: 768px) {
	td.ZN4-erheblich-3-Beleg, td.ZN4-erheblich-2-Hinweis, td.ZN4-erheblich-1-Anhalt, td.ZN3-betraechtlich-3-Beleg, td.ZN3-betraechtlich-2-Hinweis, td.ZN3-betraechtlich-1-Anhalt, td.ZN2-gering-3-Beleg, td.ZN2-gering-2-Hinweis, td.ZN2-gering-1-Anhalt, td.ZN1-nicht-quantifizierbar-3-Beleg, td.ZN1-nicht-quantifizierbar-2-Hinweis, td.ZN1-nicht-quantifizierbar-1-Anhalt, td.ZN0-kein, td.ZN-1geringerer-3-Beleg, td.ZN-1geringerer-2-Hinweis, td.ZN-1geringerer-1-Anhalt, .news-single table th:first-child, .news-single table tbody tr th, .news-single table td:first-child {
		width: auto;
	}
}
span.replace-Replace {
	background-color: inherit;
}


/* !FontAwesome */
@font-face {
	font-family: 'FontAwesome';
	src: url('../../fonts/v5/fa-regular-400.eot');
	src: url('../../fonts/v5/fa-regular-400.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/v5/fa-regular-400.woff') format('woff'),
	url('../../fonts/v5/fa-regular-400.ttf') format('truetype'),
	url('../../fonts/v5/fa-regular-400.svg#fontawesomeregular') format('svg');
	font-weight: 300; /* normal */
	font-display: swap
}


/* !Read more / Read less link - jquery.accordion.js */
.readmore {
    display: none;
}
a.readmore-button, a.readless-button {
    white-space: nowrap;
    text-decoration: underline;
}


/* !Ausklapper für H3-Tag - jquery.accordion.js */
p.Ausklapper,
h3.Ausklapper {
	clear: both;
	font-size: 140%;
	margin: 1.5em 0 0.25em 1.5em;
	padding: 0;
	cursor: pointer;
	color: #448193;
}
  .col3-6 h3.Ausklapper {
  	margin: 0 0 1em 1.5em !important;
  }
	.Ausklapper.eingerueckt {
		margin-left: 3em;
	}

.Ausgeklappt {
	margin-bottom: 1em;
}

.Ausklapper ~ UL LI,
.Ausklapper ~ TABLE,
.Ausklapper ~ DIV P.bodytext {
	margin-top: 0 !important;
}

p.Ausklapper:before,
h3.Ausklapper:before {
	float: left;
	font-family:FontAwesome;
	font-size: 80%;
	content:"\f054";
	margin: 0 0 0 -1.5em;
	transition: transform 0.3s ease-out 0s;
}

.Ausklapper:hover {
	text-decoration: underline;
}

p.Ausklapper:hover:before,
h3.Ausklapper:hover:before,
p.active:before,
h3.active:before {
	transform: rotate(90deg);
}

hr {
	border-top: 1px solid #a6bfc8;
	border-bottom: 0px solid transparent;
}


/* Text highlight (light-blue box)*/
.highlight {
	display: inline-block;
    line-height: 100%;
	background: #a6bfc8;
	color: #ffffff;
	border-radius: 2px;
	padding: 0.1em 0.2em;
	text-decoration: none;
	white-space: nowrap;
    margin-right: 0.2em;
    }

.highlight a {
	color: #ffffff;
}


/* ******************************************************** */
/* SlickNav */
/* ******************************************************** */
	/* OPEN/CLOSE */
	.slicknav_menu {
		color: #ffffff;
		z-index: 1;
		height: 40px;
		padding: 0;
	}

/* Slicknav Text über dem Menü */
	.slicknav_btn .slicknav_menutxt {
		font-size: 80%;
		float: right;
		padding-top: 2.1em;
		color: #a6bfc8;
		transition: color 0.3s ease-in-out;
	}
		.slicknav_btn:hover .slicknav_menutxt,
		.slicknav_btn.slicknav_open .slicknav_menutxt {
			color:#ceda26;
		}

/* Slicknav ICON */
		.slicknav_icon {
			float: left;
			font-size: 200%;
			position: absolute;
			display: block;
			width: 1em;
			height: 1em;
			cursor: pointer;
		}
/* Icon animation - closed state */
			.slicknav_icon-bar {
				position: absolute;
				display: block;
				width: 100%;
				height: 0.08em;
				margin: 0;
				background-color: #ffffff;
				border-radius: 0.1em;
				transform: rotate(0deg);
				transition: transform 0.3s ease-in-out, background 0.3s ease-in-out;
				opacity: 1;
				left: 0;
			}
			.slicknav_icon-bar:nth-child(1) { top: 0.1em; }
			.slicknav_icon-bar:nth-child(2) { top: 0.425em; width: 80%; }
			.slicknav_icon-bar:nth-child(3) { top: 0.75em; width: 90%; }	/* *** */

			.slicknav_menu:hover .slicknav_icon-bar {
				background-color: #ceda26;
			}
/* Icon animation - open state */
			.slicknav_open .slicknav_icon-bar:nth-child(1) {
				width: 100%;
				top: 0.4em;
				left: 0;
				transform: rotate(135deg);
				background-color: #ceda26;
			}
			.slicknav_open .slicknav_icon-bar:nth-child(2) {
				opacity: 0;
				background-color: #ceda26;
			}
			.slicknav_open .slicknav_icon-bar:nth-child(3) {
				width: 100%;
				top: 0.4em;
				left: 0;
				transform: rotate(-135deg);
				background-color: #ceda26;
			}

	/* Menu (Das eigentliche, ausgeklappt) */
	.slicknav_nav {
		z-index: 100;
		position: absolute;
		background-color: #448193;
		border-top: 0.5em solid #a6bfc8;
		border-bottom: 0.5em solid #448193;
		margin: 79px 0 0 -1em;
		padding: 0;
		width: 360px;
		box-shadow: 3px 1px 3px rgba(64,64,64,0.5);
	}
	@media screen and (max-width: 768px) { .slicknav_nav {
		margin: 79px 0 0 0;
		left: 0;
		width: 100%;
	}	}

	.slicknav_nav ul {
		list-style: none;
		text-align: left;
		margin: 0;
		padding: 0;
	}
		.slicknav_nav > ul > li {
			display: block;
			white-space: nowrap;
			border: none;
			font-family: 'Roboto-Regular'; /* bold */
			font-weight: normal;
		}

		.slicknav_nav a {
			padding: 0.2em 1em;
			color: #ffffff;
			text-decoration: none;
			width: calc(100% - 2em);
			display: inline-block;
			font-size: 120%;
		}
			.slicknav_nav a > a {
				border: none;
				font-size: 100%;
			}
			.slicknav_nav .slicknav_item a {
				padding: 0;
			}
				.slicknav_nav a:hover,
				.slicknav_nav .slicknav_arrow:hover,
				.slicknav_nav a:hover,
				.slicknav_nav li.active > a, /* Highlight Item */
					/*.slicknav_nav > li.active > a > a, !* Highlight MainMenu item (but the whole path) *!*/
				.slicknav_nav li.active > a > a, /* Highlight whole path */
				.slicknav_nav a.active ~ .slicknav_arrow,
				.slicknav_nav li.current.slicknav_arrow {
					color: #ceda26;
				}
			.slicknav_nav li {
				border-top: 1px solid #a6bfc8;
			}
				.slicknav_nav li li {
					line-height: 150%;
					margin: 0 0 0 1.2em;
                    padding-right: 0.3em;
				}
					.slicknav_nav li li li {
						border: none;
					}

				.slicknav_nav li li a {
					font-size: 100%;
					padding: 0.1em 0 0 0.5em;
					width: calc(100% - 0.9em);
				}
					.slicknav_nav li li li a {
						font-size: 90%;
						padding: 0 0 0 0.5em;
						border: none;
					}


		.slicknav_nav li .slicknav_arrow {
			font-family: FontAwesome; /* Icons => slicknav.config.js */
			float: right;
			z-index: 1;
		}

		.slicknav_nav li.shortcut a:after,
		#mainMenu-sub li.shortcut a:after {
			font-size: 50%;
            position: relative;
                top: -0.25em;
                left: 0.1em;
			font-family: FontAwesome;
			content:" \f08e"; /* fa-external-link */
		}
		.slicknav_nav li.shortcut a:hover:after,
		.slicknav_nav li.shortcut a:focus:after,
		.slicknav_nav li.shortcut a.active:after,
		#mainMenu-sub li.shortcut a:hover:after,
		#mainMenu-sub li.shortcut a:focus:after,
		#mainMenu-sub li.shortcut a.active:after {
			transform: none;
		}

/* ==> INLINE CSS */
/* ******************************************************** */
/* mainMenu - Standard: ausblenden, Slicknav einblenden */
/* ******************************************************** */


/* ==> INLINE CSS */
		/* ******************************************************** */
		/* LOGINMENU */
		/* ******************************************************** */

		.login {
			float: left;
		}

		.login .slicknav_menu .slicknav_icon {
			margin: 0;
			line-height: 90%;
			font-size: 200%;
			background-color: #ceda26;
			border-radius: 2px;
			text-align: center;
		}

		.login .slicknav_menu .slicknav_icon:before {
			font-size: 60%;
			color: #448193;
			font-family: FontAwesome;
			position: relative; top: -0.1em;
			content: '\f023'; /* lock */
			content: '\f30d'; /* lock-alt */
		}
			.login#logout .slicknav_menu .slicknav_icon:before {
				position: relative; top: -0.1em;
				content: '\f09c'; /* lock-open */
				content: '\f3c2'; /* lock-open-alt */
			}

		.login .slicknav_menu .slicknav_icon-bar {
			display: none;
		}

		.login .slicknav_nav {
			margin: 79px 0 0 -273px;
			width: calc(360px - 2em);
			padding: 0 1em;
			box-shadow: -3px 3px 3px rgba(64,64,64,0.5);
		}
			@media screen and (max-width: 768px) { .login .slicknav_nav {
				left: 0;
				width: calc(100% - 2em);
				margin: 75px 0 0 0;
			}	}

		/* ******************************************************** */
		/* langMenu */
		/* ******************************************************** */
		/* ul#langMenu <= in rte.css definiert */
		ul#langMenu li {
			position: absolute;
			z-index: 1;
		}
			ul#langMenu li img {
				width: 1em;
				height: 1em;
				border-radius: 2px;
				transition: opacity 0.3s ease-in-out;
			}
		ul#langMenu li img { opacity: 0; }
		ul#langMenu li.active img { opacity: 0.5; }

		ul#langMenu:hover li.active { z-index: 0; }
		ul#langMenu:hover li img { opacity: 0.5; }
		ul#langMenu:hover li.active img { opacity: 0; }



/* ******************************************************** */
/* Submenu 3. Ebene - ergänzende zu NAV */
/* ******************************************************** */
.ce-menu,
ul#mainMenu-sub {
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
	list-style: none;
}
.ce-menu .item,
ul#mainMenu-sub li {
	margin: 0 0 1em 0;
}
.ce-menu a,
ul#mainMenu-sub a {
	position: relative;
	display: block;
	padding: 0 0.5em;
	text-decoration: none;
	color: #ffffff;
	background-color: #448193;
	transition:  background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.ce-menu a:after,
ul#mainMenu-sub a:after {
	float: right;
;
	font-family: FontAwesome;
	content: '\f078'; /*     chevron-down */
	transition: transform 0.3s ease-out 0s;
}

.ce-menu .item a:hover,
.ce-menu .item a.active,
ul#mainMenu-sub a:hover,
ul#mainMenu-sub a.active {
	/*			color: #448193; */
	color: #ceda26;
}
.ce-menu .item a:hover:after,
.ce-menu .item a.active:after,
ul#mainMenu-sub a:hover:after,
ul#mainMenu-sub a.active:after {
	/*				content: '\f054'; */  /* chevron-right */
	transform: rotate(-90deg);
}

/* ******************************************************** */
  /* !Content: Normal */
  /* ******************************************************** */

.col1-5 {
	margin: 2em 0 1em 0;
	width: 83%;
}

.col1-3 {
	width: 49%;
}

.col1-2, .col4-5 {
	width: 32%;
}
.col4 { float: left; width: 47%; clear: both;}
.col5 { float: right; width: 47%;	}
	.col4 > div,
	.col5 > div {
		margin-bottom: 1em;
		border-bottom: 1px solid #a6bfc8;
	}
		.col4 > div:last-child,
		.col5 > div:last-child {
			border-bottom: none;
		}

.col6 {
	width: 15%;
	border-left: 1px solid #a6bfc8;
	padding-left: 1em;
}

.col3-6 {
	width: 66%;
}

	@media screen and (max-width: 1081px) {
		.col1-5 {
			width: 100%;
		}

		.col1-3 {
			width: 49%;
		}

		.col1-2, .col4-5 {
			width: 49%;
		}
		.col4 { float: left; width: 49%; }
		.col5 { float: right; width: 49%; }

		.col6 {
			border-left: none;
			border-top: 1px solid #a6bfc8;
			padding: 1em 0 0 0;
			width: 100%;
		}

		.col3-6 {
			width: 49%;
		}

	}

	@media screen and (max-width: 768px) {
		.col1-5, .col1-3, .col1-2, .col4-5, .col4, .col5, .col6, .col3-6 {
			width: 100%;
		}
   }



/* Kasten hellgrün */
.frame-layout-1 {
  background-color: #ECF3CE;
  border: 1px solid #a6bfc8;
  /*margin: -0.1em 0 0 0;*/
	margin: 1.25em 0 0 0;
  padding: 0 0.5em 0.45em 0.5em;
	display: inline-block;
  width: calc(100% - 1em);
}
	/* Kasten als Folgeelement: mit Abstand */
	.frame + .frame-layout-1 {
		margin: 3em 0 0 0;
	}
	/* Kasten nach Kasten: negativer Abstand */
	.frame-layout-1 + .frame-layout-1 {
        overflow: hidden;
		margin: -0.6em 0 0 0;
		border-top: none;
	}



footer {
	position: absolute; /* footer@bottom */
	right: 0; bottom: 0; left: 0; /* footer@bottom */
	max-height: 150px; /* footer@bottom */

	clear: both;
	font-size: 85%;
	line-height: 130%;
	color: #666;
	padding: 2em 0 1em 0;
	margin: 0;
}
	html.no-generatedcontent footer {
		white-space: nowrap;
	}
	@media screen and (max-width: 768px) {
		footer {
			float: left;
			clear: both;
			width: 96%;
			padding: 5px 2% 5px 2%;
			border-top: 1px dotted #666666;
			margin: 0 !important;
			color: #666;
	}	}
	footer p {
		display: inline-block;
		margin: 0;
	}

/* ... oder Footer INNERHALB des weißen Kastens */
	footer a {
		color: #666;
		padding: 5px 0 5px 0;
		text-decoration: none;
	}
	footer a:focus,
	footer a:hover {
		text-decoration: none;
	}


	/****************************************/
	/* BREADCRUMB */
	/****************************************/
	footer #breadcrumb {
		position: relative;
		list-style: none;
		display: inline;
		padding: 0;
		margin: 0;
		}

	footer #copyright:before {
		margin: 0 0 0 0.5em;
	}


/* ******************************************************** */
/* !LISTJS-Buttons*/
/* ******************************************************** */
div.sort {
	padding: 0;
	font-family: 'Roboto-Regular'; /* bold */
	line-height: 110%;
}
button.sort {
	cursor: pointer;
	display: inline-block;
	text-align: left;
	min-height: 100%;
	width: calc(100% - 1em);
	padding: 0;
	text-decoration: none;
	color: inherit;
	transition: all 0.2s ease-in-out;
	margin: 0 1em 0 0;
	border: none;
	background: #448193;
	color: inherit;
	font-size: 100%;
	font-family: 'Roboto-Regular'; /* bold */
	font-weight: normal;
}
button.sort:hover {
	background: inherit;
	border: none;
	color: inherit;
}

/* ******************************************************** */
/* !TYPO3-Spezifika */
/* ******************************************************** */

/* Bilder "intext" linksbündig / rechtsbündig */
.ce-left.ce-intext .ce-gallery,
.ce-right.ce-intext .ce-gallery {
	float: left;
	margin: 0 1em 0.5em 0;
	max-width: 50%;
}
	.ce-right.ce-intext .ce-gallery {
		float: right;
		margin: 0 0 0.5em 1em;
	}
	@media screen and (max-width: 768px) {
		.ce-left.ce-intext .ce-gallery, .ce-right.ce-intext .ce-gallery {
			float: left;
			margin: 0 0 0.5em 0;
			width: 100%;
			max-width: none;
	} }

.ce-border figure {
	margin-top: 0.45em;
}
.ce-border figure img {
	border: 1px solid #a6bfc8;
}

figure.image {
	position: relative;
}
	figure.image a {
		text-decoration: none;
	}

	figure.image figcaption {
		padding: 5px 0 1em 0;
		font-size: 85%;
		font-style: italic;
		line-height: 130%;
		color: #666;
	}



.ce-uploads {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
	.ce-uploads li {
		clear: both;
		margin: 0 0 1em 0;
		line-height: 125%;
	}
		.ce-uploads li img {
			margin: 0 1em 1em 0;
			float: left;
		}
			/* Icons haben keinen Title = keinen Schatten */
			.ce-uploads li img[title] {
				box-shadow: 1px 2px 5px #9b9c9e;
			}
		.ce-uploads-fileName {
			display: block
		}
		.ce-uploads-description,
		.ce-uploads-filesize {
			font-size: 85%;
			font-style: italic;
			line-height: 130%;
			color: #666;
			float: none;
		}

			/* Clearfix Zeilenumbruch vor Description + FileSize */
			.ce-uploads-description:before,
			.ce-uploads-filesize:before {
				content: '';
			}

div.csc-textpic-border div.csc-textpic-imagewrap img {
	border: none;
	box-shadow: 1px 2px 5px #9b9c9e;
}

.ce-textpic-caption,
.csc-textpic-caption {
	clear: both;
	font-size: 85%;
	color: #9b9c9e;
	line-height: 150%;
	margin: 0 0 1em 0;
}


/* ******************************************************** */
/* !INPUT Forms / Fieldsets: ALLGEMEIN */
/* ******************************************************** */
	form:after {
		content:"";
		clear: both;
		display: block;
 	}
	fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}

	form ol,
	fieldset ol {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	fieldset.fieldset-subgroup legend,
	legend,
	label {
		display: block;
		width: 100%;
		line-height: 100%;
		padding: 1em 0 0.2em 0;
		font-size: 80%;
		white-space: nowrap;
	}

	input,
	button,
	textarea {
		font-family: Courier, Arial, sans-serif;
		display: block;
		padding: 0.1em 0.3em;
		width: calc(100% - 0.6em - 2px);
		font-size: 95%;
		line-height: 110%;
		border: 1px solid #a6bfc8;
		background-color: #ffffff;
		color: #000000;
		border-radius: 2px;
		transition: border 0.3s ease-out;
	}
		input:focus,
		textarea:focus {
			border: 1px solid #448193;
		}
		textarea {
			min-height: 8em;
		}
			:-ms-input-placeholder { color: #7D97A0!important; text-shadow: none !important; } /* IE11 */
			::-ms-input-placeholder { color: #7D97A0; text-shadow: none ; } /* Edge */
			::placeholder { color: #7D97A0; text-shadow: none ; }

		button,
		input[type="submit"] {
			font-family: Roboto-Light, Arial, sans-serif;
			-webkit-appearance: none;
			clear: both;
			margin: 1em 0;
			padding: 0.1em 0.3em;
			width: auto;
			border: 1px solid #448193;
			border-radius: 2px;
			background-color: #448193;
			color: #ffffff;
			cursor: pointer;
			transition: color 0.3s ease, background 0.3s ease;
		}
  		button:hover,
  		input[type="submit"]:hover {
  			border: 1px solid #a6bfc8;
  			color: #ffffff;
  			background-color: #a6bfc8;
  		}
        form input[type=checkbox],
        form input[type=radio],
        form input[type=date] {
            width: auto
        }

		select {
			font-size: 100%;
			background-color: #448193;
			color: #ffffff;
			margin: 1em 0;
			border-radius: 2px;
		}
			select option {
				background-color: #448193;
				color: #ffffff;
			}
    select::-ms-expand { /* IE11 fix */
      background-color: #448193;
      border: none;
      font-weight: bold;
      font-size: 200%;
      border: 1px solid #ffffff;
    }

		form fieldset li {
			display: inline;
			margin: 0;
			padding: 0.2em 0;
		}


/***************************************/
/* !AMNOG-Monitor - Spezifika */
/***************************************/

/* IP-Adresse anzeigen */
.showip {
	font-size: 100% !important;
	color: #448193 !important;
	margin: 0 0 1.6em 0 !important;
	}

/* Letzte Änderung anzeigen */
#stand {
	color: #448193 !important;
	font-size: 85% !important;
}

/***************************************/
/* !AMNOG-Monitor - Spezifika */
/***************************************/
div.dimensions {
	display: inline-block;
}

div.dimensionSelectbox {
	line-height: 100%;
	border-radius: 4px;
	background: #448193;
	color: #ffffff;
	margin: 1px 0.4em 1px 0;
	padding: 3px 0.2em 2px 0.2em;
	font-family: Arial, sans-serif;
	font-size: 90%;
	width: auto;
	float: left;
	margin-top: 0;
	border: 1px solid #448193;
}
@media screen and (max-width: 1081px) {
	div.dimensionSelectbox {
		margin-left: 0;
	}
}
.dimensionSelectbox input {
	display: none;
}
.dimensionSelectbox label {
	display: inline;
	font-size: 100%;
	line-height: 130%;
	padding: 0.1em 0 0 0;
	cursor: pointer;
	transition: color 0.3s ease-in-out;
}
.dimensionSelectbox input + label::before {
	padding: 0 0.4em 0 0.2em;
	font-family: FontAwesome;
	content: '\f0c8'; /* square */
	color: #ffffff;
	transition: color 0.3s ease-in-out;
}
.dimensionSelectbox input:checked + label::before {
	content: '\f14a'; /* check-square */
}
.dimensionSelectbox input:hover + label,
.dimensionSelectbox input:hover + label::before {
	color: #ceda26;
}
/* Dimensions for pivotCssSytyling() */
/* Interactive analysis dimensions */
td.dimension:first-child {
	color: #ffffff;
	min-width: 240px;
}

td.dimension:last-child {
	font-style: italic;
	font-size: 70%;
}

.dimensionSelectbox.basics,
td.dimension.basics:first-child {
	background: #448193;
}
.dimensionSelectbox.dossier,
td.dimension.dossier:first-child {
	background: #1593b1;
}
.dimensionSelectbox.gba,
td.dimension.gba:first-child {
	background: #575a83;
}
.dimensionSelectbox.iqwig,
td.dimension.iqwig:first-child {
	background: #035f7d;
}
.dimensionSelectbox.preis,
td.dimension.preis:first-child,
.dimensionSelectbox.price,
td.dimension.price:first-child {
	background: #00928b;
}
.dimensionSelectbox.regulatory,
td.dimension.regulatory:first-child {
	background: #035f7d;
}


/* ******************************************************** */
/* Für den Druck */
/* ******************************************************** */
@media print {
    #header,
    #mainMenu-sub {
        display: none;
    }
    /*.AusklapperWrapper {*/
    /*    page-break-inside: avoid !important;*/
    /*}*/
        p.Ausklapper,
        h3.Ausklapper {
            margin-left: 0 !important;

        }
        p.Ausklapper:before,
        h3.Ausklapper:before {
            display: none;
        }
        .AusklapperAkkordion,
        .Ausklapper ~ UL LI,
        .Ausklapper ~ TABLE,
        .Ausklapper ~ DIV {
            display: block !important;
        }
}