/* USER VARIABLES SECTION */

:root {
	--accent: orange;
	--text: #333;
	--regular-text: 16px;
	--lineheight: 1.65;
	--userfont: roboto-st, sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

/* BOOTSTRAP SETTINGS SECTION */

/* gutter 20px (10px + 10px). Comment this code for default gutter start at 1.5rem (24px) wide. */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: .625rem; }
.row, .row > * { --bs-gutter-x: 1.25rem; }

/* FONTS LOAD SECTION */

@font-face { src: url("../fonts/roboto-regular-webfont.woff2") format("woff2"); font-family: "roboto-st"; font-weight: 400; font-style: normal; }
@font-face { src: url("../fonts/roboto-italic-webfont.woff2") format("woff2"); font-family: "roboto-st"; font-weight: 400; font-style: italic; }
@font-face { src: url("../fonts/roboto-bold-webfont.woff2") format("woff2"); font-family: "roboto-st"; font-weight: 700; font-style: normal; }
@font-face { src: url("../fonts/roboto-bolditalic-webfont.woff2") format("woff2"); font-family: "roboto-st"; font-weight: 700; font-style: italic; }
@font-face { src: url("../libs/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2") format("woff2"); font-family: "font-awesome"; font-weight: 700; font-style: italic; }

/* GENERAL CSS SETTINGS */

::placeholder { color: #666; }
::selection { background-color: var(--accent); color: #fff; }
input, textarea { outline: none; }
input:focus:required:invalid, textarea:focus:required:invalid { border-color: red; }
input:required:valid, textarea:required:valid { border-color: green; }

body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	color: var(--text);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
}

/* USER STYLES */

.image {
	max-width: 100%;
	margin-bottom: var(--bs-gutter-x);
	border-radius: 4px;
}
a:hover {
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}
.accent {
	color: var(--accent);
	font-weight: bold;
}
.leftBlock {
	width: 15%;
	display: inline-block;
}
.menuOn {
	padding-top: 40px;
	padding-left: 60px;
	font-family: Segoe Print,sans-serif;
}
.menuTW {
	padding-left: 60px;
}
.mClass {
	display: inline-block;
	font-size: 18px;
	width: 174px;
}
.caption {
	width: 20px;
	line-height: 28px;
	word-wrap: break-word;
	font-size: 20px;
	font-weight: 700;
	color: #c52005;
	float: left;
	vertical-align: top;
	padding-top: 5px;
}
.esBlock {
	float: left;
	width: 70%;
}
.esBlock ul {
	margin: 0;
	padding: 0;
}
.esBlock ul li {
	list-style-type: none;
	float: left;
	padding: 9px 5px;
}
.esBlock ul li a {
	list-style-type: none;
	text-decoration: none;
	color: #4b4b4b;
	font-size: 20px;
}
.menuTw a {
	list-style-type: none;
	text-decoration: none;
	color: #4b4b4b;
	font-size: 16px;
	width: 100%;
	display: block;
}
.menuTw a:hover {
	color: #b21d05;
	text-decoration: underline;
}
.esBlock ul li a:hover {
	color: #b21d05;
	text-decoration: underline;
}
.esTitle {
	font-size: 22px;
	color: #4b4b4b;
}
.esTitle span {
	border-bottom: 2px #4b4b4b solid;
}
.logo {
	width: 100%;
	padding: 30px 0px 0px 30px;
}
.centerBlock {
	width: 60%;
	display: inline-block;
	vertical-align: top;
	padding: 30px 50px 0px 50px;
}
.bread-crumb a {
	color: #000;
}
.InfoTitle h1 {
	padding: 10px 0px 0px 0px;
	font-size: 24px;
	display: inline-block;
}
.InfoTitle {
	display: block;
}
.InfoTitle strong {
	display: inline-block;
	font-weight: normal;
	color: #666666;
}
.InfoTitle strong:before {
	content: "(";
}
.InfoTitle strong:after {
	content: ")";
}
.BiograInf {
	width: 100%;
}
.BiF {
	float: left;
	font-size: 22px;
}
.soch_card_img img {
	height: 240px;
	float: left;
	padding: 0px 10px 10px 0px;
}
.InfoBlock p {
	padding: 0;
	margin: 0px 0px 10px 0px;
	text-indent: 20px;
}
.VarBlock {
	padding: 20px 30px 0px 0px;
	font-size: 20px;
	width: 100%;
}
.VarBlock b {
	border-bottom: 2px solid #000;
}
.VarTitle, .VarTitleB {
	display: inline-block;
}
.VarTitle {
	padding: 0px 0px 0px 40px;
}
.VarBlock ul {
	margin: 0;
	padding: 0;
	display: inline-block;
}
.VarBlock ul li {
	list-style-type: none;
	display: inline-block;
}
.VarBlock ul li a {
	color: #000;
}
.VarBlock ul li a:hover {
	color: #b21d05;
}
.TextSave {
	text-align: right;
	margin-top: 12px;
}
.Pdf_Icon {
	display: inline-block;
	height: 16px;
	width: 40px;
	background: url(/images/pdf.svg);
}
.Pdf_Icon:hover {
	background: url(/images/pdf_hover.svg);
}
.Word_Icon {
	display: inline-block;
	height: 16px;
	width: 40px;
	background: url(/images/word.svg);
}
.Word_Icon:hover {
	background: url(/images/word_hover.svg);
}
.InfoTitle {
	float: left;
}
.Pic-info {
	width: 80%;
}
.noPic-info {
	width: 100%;
}
.InfoSave {
	float: right;
	display: block;
	width: 20%;
}
.InfoTxt {
	width: 100%;
	display: inline-block;
	padding-top: 10px;
}
.rightBlock {
	width: 24%;
	display: inline-block;
	vertical-align: top;
}
h2 {
	color: #345f90;
	font-size: 24px;
	line-height: 1.25;
	font-family: "Roboto Slab", serif;
	margin-top: 20px;
	margin-bottom: 20px;
}

.tab-slider--nav {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.tab-slider--tabs {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	border-radius: 35px;
	overflow: hidden;
	background: #fff;
	height: 35px;
	user-select: none;
}	
.tab-slider--tabs:after {
	content: "";
	width: 50%;
	background: #e08900;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 250ms ease-in-out;
	border-radius: 35px;
}
.tab-slider--tabs.slide:after {
	left: 50%;
}

.tab-slider--trigger {
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	color: #575757;
	text-transform: uppercase;
	text-align: center;
	padding: 11px 20px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: inline-block;
	transition: color 250ms ease-in-out;
	user-select: none;
}
.tab-slider--trigger.active {
	color: #fff;
}
.tab-slider--body {
	margin-bottom: 20px;
}
.tab__cell {
	width: 100%;
}
.tab__cell span {
	color: #bb0101;
	font-size: 20px;
}
.tab__cell a {
	width: 100%;
	color: #000;
	text-decoration: none;
}
.accordion {
	color: #444;
	cursor: pointer;
	/* width: 100%; */
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	margin: 5px 0px;
}
h5 {
	font-size: 16px;
	text-transform: uppercase;
	margin-left: 5px;
	margin-top: 5px;
}
.accordion span {
	font-size: 16px;
	color: #676767;
	text-decoration: underline;
	font-weight: bold;
}
.chit-text a {
	font-size: 16px;
	color: #676767;
	text-decoration: underline;
}
.chit-text a:hover {
	color: #ff5b00;
}
.accordion:after {
	font-family: font-awesome,sans-serif;
	content: '\f055';
	color: #ff5b00;
	font-weight: bold;
	margin-left: 10px;
	font-size: 18px;
}
.active:after {
	color: #345ed8;
}
.accordion:hover {
	color: #636363;
}
.accordion span:hover {
	color: #636363;
}
.accordion span:hover .accordion:after {
	color: #636363;
}

.panel {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.spI-F {
	width: 100%;
	font-size: 18px;
}
.spI-F strong {
	display: inline-block;
	font-weight: normal;
	color: #666666;
	font-size: 16px;
}
.spI-F strong:before {
	content: "(";
}
.spI-F strong:after {
	content: ")";
}
.panel ul {
	margin: 0;
	padding: 0;
}
.panel ul li {
	list-style-type: none;
}
.panel ul li a {
	color: #000;
	font-size: 15px;
}
.Spis_alf {
	width: 100%;
	padding: 10px 0px;
}
.Spis_alf ul {
	margin: 0;
	padding: 0;
	display: inline-block;
}
.Spis_alf ul li {
	list-style-type: none;
	display: inline-block;
}
.Spis_alf ul li a {
	color: #000;
	padding: 2px 9px;
	border: 1px solid #000;
}
.Spis_alf ul li a:hover {
	color: #ff9933;
	border: 1px solid #ff9933;
}
.VarBlock ul li a:hover {
	color: #b21d05;
}
table.comp td {
	width: 20px;
	height: 20px;
	padding: 2px;
	text-align: center;
	border: #E1E0DF 1px solid;
	background-color: #FFFFFF
}
ul.comp_l {
	width: 90%;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-top: 5px;
    list-style-type: none;
	display: block;
	float: left 
}
ul.comp_l_sel {
	width: 90%;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-top: 5px;
        list-style-type: none;
	display: block;
	float: left;
	background-color: #FFFFFF;
	border: #ff9933 1px solid;
	border-radius: 8px;
}
table.sol td { padding: 5px }
.alf-col {
	width: 33%;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}
#search {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	margin: 0px auto 0 0px;
	padding-bottom: 20px;
}
.header-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.header-search_input-text {
	text-indent: 0.5em;
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-right: 10px;
}
.header-search_input {
	line-height: 2.5em;
	display: inline-block;
	border: 0.1em solid #008bcb;
	border-radius: 0.2em;
}
.header-search_input-submit {
	color: #fff;
	padding: 0 1em;
	cursor: pointer;
}
.header-search_input {
	line-height: 2.5em;
	display: inline-block;
	border: 0.1em solid #666666;
	border-radius: 0.2em;
}
.bg-bl {
	background-color: #999999;
}
.bg-bl:hover {
	background-color: #ff9933;
}
.alf-col li {
	color: #bb0101;
	font-size: 22px;
}
.alf-col li a {
	width: 100%;
	display: inline-block;
	color: #000;
	text-decoration: none;
	font-size: 16px;
}
.alf-col li a:hover {
	color: #ff9933;
	text-decoration: underline;
}
.sternchen {
	display: block;
	width: 100%;
	text-align: center;
}
.note {
	font-size: 14px;
}
.note_line {
	border-top: 1px solid #000;
	width: 100%;
	padding-bottom: 5px;
}
#note-nomber {
	float: left;
	display: block;
}
#note-nomber-block p {
	text-indent: 0px !important;
	padding-left: 14px;
}
ul.nexT-Back {
	display: block;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
ul.nexT-Back li.Back {
	padding: 10px 10px 10px 0;
}
ul.nexT-Back li {
	display: inline-block;
	width: 49%;
}
ul.nexT-Back a {
	display: block;
	padding: 4px 0;
	text-align: center;
	border: 2px solid #666666;
	color: #666666;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	font-size: 20px;
	text-decoration: none;
}
ul.nexT-Back a:hover {
	color: 	#ff9933;
	border: 2px solid #ff9933;
}
.nexT-Back b {
	padding: 10px 0 10px 0;
	display: inline-block;
	font-size: 20px;
	color: #666666;
	width: 100%;
	font-weight: normal;
}
.all-page {
	width: 100%;
	display: inline-block;
	padding: 20px 0px 10px 0px;
}
.all-page-title {
	float: left;
	width: 16%;
	height: 100%;
	vertical-align: middle;
}
.all-page-title b {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 2px solid #000;
}
.all-page-link {
	float: left;
	width: 84%;
}
.all-page-link ul {
	padding: 0;
	margin: 0;
}
.all-page-link ul li {
	display: inline-block;
	padding: 5px 0px;
}
.all-page-link ul li a {
	border: 1px solid #666666;
	padding: 2px 8px;
	vertical-align: middle;
	color: #666666;
	text-decoration: none;
	font-size: 16px;
}
.all-page-link ul li a:hover {
	color: 	#ff9933;
	border: 1px solid #ff9933;
}
.rightBlock {
	padding: 30px 0px 0px 0px;
}
.sm-tag {
	border: 2px dashed #ff9933;
	border-radius: 10px;
	padding: 5px 8px;
}
.s-t-tit {
	font-weight: bold;
	color: #666666;
}
.s-t-lnk a {
	display: inline-block;
	width: 100%;
	color: #000;
}
.s-t-lnk a:hover {
	color: #ff9933;
}
.plan {
	font-size: 18px;
	color: #666666;
}