*
* Unminified: 75 KB | Minified: 61 KB | Gzip: ~11 KB
* ============================================================ */
/* Critical CSS for schmidt-export.de/eac-zertifizierung/eac-zertifikat
* Generated: Above-the-fold styles for immediate render
* Includes: bootstrap.css, style.css, tb_megamenu.css, button.css, dialog.css
*/
/* ===== bootstrap.css ===== */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
header, main, nav, section {
display: block;
}
a {
background-color: transparent;
}
a:active, a:hover {
outline: 0;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
img {
border: 0;
}
button, input {
margin: 0;
font: inherit;
color: inherit;
}
button {
overflow: visible;
}
button {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
@media print {
*, *:before, *:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
a[href^="#"]:after, a[href^="javascript:"]:after {
content: "";
}
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
.navbar {
display: none;
}
.btn > .caret, .dropup > .btn > .caret {
border-top-color: #000 !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
input, button {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover, a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
img {
vertical-align: middle;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
h1 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small, h1 .small {
font-weight: normal;
line-height: 1;
color: #777;
}
h1 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small, h1 .small {
font-size: 65%;
}
h1 {
font-size: 36px;
}
a.text-primary:hover, a.text-primary:focus {
color: #286090;
}
a.text-success:hover, a.text-success:focus {
color: #2b542c;
}
a.text-info:hover, a.text-info:focus {
color: #245269;
}
a.text-warning:hover, a.text-warning:focus {
color: #66512c;
}
a.text-danger:hover, a.text-danger:focus {
color: #843534;
}
a.bg-primary:hover, a.bg-primary:focus {
background-color: #286090;
}
a.bg-success:hover, a.bg-success:focus {
background-color: #c1e2b3;
}
a.bg-info:hover, a.bg-info:focus {
background-color: #afd9ee;
}
a.bg-warning:hover, a.bg-warning:focus {
background-color: #f7ecb5;
}
a.bg-danger:hover, a.bg-danger:focus {
background-color: #e4b9b9;
}
ul {
margin-top: 0;
margin-bottom: 10px;
}
ul ul, ul ol {
margin-bottom: 0;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
content: '';
}
blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-xs-4, .col-sm-4, .col-xs-8, .col-sm-8, .col-xs-12, .col-sm-12, .col-md-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-4, .col-xs-8, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
@media (min-width: 768px) {
.col-sm-4, .col-sm-8, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
}
@media (min-width: 992px) {
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
color: #333;
text-decoration: none;
}
.btn:active, .btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default.active {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default.active {
background-image: none;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success.active {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success.active {
background-image: none;
}
.btn-info.active {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info.active {
background-image: none;
}
.btn-warning.active {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning.active {
background-image: none;
}
.btn-danger.active {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger.active {
background-image: none;
}
.btn-link.active {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-lg, .btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
width: 100%;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > a {
outline: 0;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.btn-group > .btn, .btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn {
margin-left: -1px;
}
.btn-toolbar .btn {
float: left;
}
.btn-toolbar > .btn {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified > .btn {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn {
margin-right: -1px;
}
.input-group-btn:last-child > .btn {
z-index: 2;
margin-left: -1px;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
.nav > li.disabled > a {
color: #777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #eee;
border-color: #337ab7;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.container > .navbar-header, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu > li > a {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #777;
}
.pagination > li {
display: inline;
}
.pagination > li > a, .pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a, .pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a, .pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager li {
display: inline;
}
.pager li > a, .pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover, .pager li > a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next > a, .pager .next > span {
float: right;
}
.pager .previous > a, .pager .previous > span {
float: left;
}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
a.label:hover, a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.btn .label {
position: relative;
top: -1px;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover, a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.jumbotron h1 {
color: inherit;
}
.container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
border-radius: 6px;
}
@media screen and (min-width: 768px) {
.container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1 {
font-size: 63px;
}
}
.thumbnail > img, .thumbnail a > img {
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
border-color: #337ab7;
}
.alert > ul {
margin-bottom: 0;
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress.active .progress-bar, .progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media {
overflow: hidden;
zoom: 1;
}
.media > .pull-right {
padding-left: 10px;
}
.media > .pull-left {
padding-right: 10px;
}
a.list-group-item, button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
a.list-group-item-success, button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
a.list-group-item-info, button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
a.list-group-item-warning, button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
a.list-group-item-danger, button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.panel-title > a, .panel-title > small > a, .panel-title > .small > a {
color: inherit;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .active {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption .btn {
text-shadow: none;
}
.clearfix:before, .clearfix:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after {
display: table;
content: " ";
}
.clearfix:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .navbar:after, .navbar-header:after {
clear: both;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hidden {
display: none !important;
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
/* ===== style.css ===== */
html {
font-size: 10px;
tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-size: 1.4rem;
color: #444;
background-color: #f6f6f6;
font-family: 'Open Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
line-height: 1.6;
word-wrap: normal;
margin: 0;
padding: 0;
border: 0;
font-weight: 400;
height: auto;
}
#accordion a[href$='.pdf']::before, #accordion a[href$='.pdf']:active::before {
content: "" !important;
display: none !important;
}
#node-article-comment-node-article img {
filter: none;
width: 75px;
}
#node-article-comment-node-article .col-sm-4 { width: 80%; }
li.non-active > a {
color: gray;
pointer-events: none;
}
.views-infinite-scroll-content-wrapper.clearfix.form-group {
display: contents;
}
@media (max-width: 1399px) {
.mail_btn.modal1 { display: table-footer-group; }
}
@media (max-width: 979.98px) {
#header { left: -5px; }
}
aside nav a { padding-left: 0; }
aside li.dropdown > a > span { display: none; }
aside li.active.active-trail > ul {
display: block;
border: none;
left: 30px;
position: relative;
box-shadow: none;
margin-bottom: 20px;
width: 100%;
}
aside .dropdown-menu > li > a {
color: #0e008a;
white-space: break-spaces !important;
background: transparent !important;
}
aside ul.menu--main li > a.active-trail, aside ul.menu--main li > a:hover, aside ul.menu--main li > a:active, aside ul.menu--main li > a:focus, aside nav > h3 > a:hover, aside nav > h3 > a:active, aside nav > h3 > a:focus, aside .dropdown-menu > li > a:hover, aside .dropdown-menu > li > a:active, aside .dropdown-menu > li > a:focus {
color: #F70;
}
aside ul.menu--main li > a.is-active { font-weight: 600; }
@media (min-width: 1200px) {
body {
font-size: 1.6rem;
margin: auto !important;
}
}
@media (min-width: 1920px) {
body::after {
content: '';
display: block;
width: calc((100% - 1920px) / 2);
height: 100%;
position: fixed;
right: 0;
top: 0;
z-index: 500;
background-color: #f6f6f6;
}
}
ul {
padding-inline-start: 40px;
margin-top: 10px;
margin-bottom: 10px;
}
ul > li { list-style-type: square; }
ol > li::marker, ul > li::marker {
color: #0E008A;
font-weight: 600;
font-size: 140%;
}
ul > li::marker { list-style-type: square; }
.container-fluid::before, .container-fluid::after {
content: " ";
display: table;
}
.container-fluid {
position: relative;
min-height: 100%;
overflow-x: hidden;
overflow-y: auto;
max-width: 1920px;
box-sizing: border-box;
background-color: #fff;
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 980px) {
.container-fluid { padding-right: 40px; padding-left: 40px; }
}
@media (min-width: 1200px) {
.container-fluid { padding-right: 60px; padding-left: 60px; }
}
.modal-content > .form-group {
align-self: center;
margin: auto;
}
.language ul li, .language ul {
list-style-type: none;
padding: inherit;
}
#primary_menu > .navigation-main {
display: flex;
justify-content: center;
}
.search_btn, .mail_btn, .lang_btn, .cart-flyout {
border: none;
padding: 0px 10px 0px 10px;
background: transparent;
overflow: visible;
border: none;
}
@media (min-width: 980px) {
#highlighted { padding-top: 4px; }
.navbar-header.navigation-main {
display: flex;
justify-content: space-between;
}
#header .form-group { margin-bottom: 0; }
#block-searchandlanguage {
display: flex;
align-items: center;
}
#block-language li { list-style-type: none !important; }
.navbar-header > .navigation-main {
justify-content: space-between;
flex-direction: row;
background: transparent;
padding: 0;
margin: 0;
width: available;
list-style: none;
display: flex;
flex-wrap: wrap;
min-width: 175px;
flex-flow: row wrap;
}
li.non-active > a {
color: gray;
pointer-events: none;
}
#header .fa-angle-left {
display: block;
margin: 0 5px 0 0;
}
#block-schmidt-b3-theme-search form .input-group input {
border: none;
font-size: 5rem;
border-radius: 20px;
}
#block-schmidt-b3-theme-search form .input-group span button {
border: none;
background: #fff;
color: #c9c9c9;
}
#block-schmidt-b3-theme-search form .input-group span button:hover {
color: #757575;
}
#header { z-index: 600; }
.popup > .navigation-main {
margin: auto;
height: 100%;
width: 80%;
}
span.fa-angle-right { color: transparent; }
.popup .input-group-btn:last-child > .btn {
z-index: 3000;
margin-left: -77px;
margin-top: 15px;
font-size: 6.3rem;
}
}
@media (max-width: 979.98px) {
#block-searchandlanguage {
order: 10;
display: flex;
align-items: center;
margin: 0;
}
.search { display: flex; }
.logo_site { align-self: center; }
.logo_site > img {
width: 200px !important;
height: 30px;
}
.navbar-header > .navigation-main {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.navbar-header > .navigation-main > #navbar > .container-fluid {
margin: 0 !important;
}
#brand {
order: 2 !important;
width: 200px;
margin: 0;
align-items: center;
}
#block-language li { list-style-type: none !important; }
li.abc > a {
font-style: oblique;
font-size: 2.40rem !important;
}
#header .fa-angle-right { display: block; }
#header .fa-angle-left {
display: block;
color: #fff;
margin: 0 5px 0 25px;
}
#back1 > a {
display: flex;
justify-content: start;
margin-left: 0;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid #494949;
}
}
header.header .site-logo img {
max-width: 100%;
max-height: 5rem;
}
@media (max-width: 991.98px) {
header.header { min-height: 5rem; }
header.header .navbar-brand {
top: 0;
z-index: 1;
max-width: 12rem;
padding-left: 30px;
}
header.header .navbar-brand .site-logo img {
max-width: 100%;
width: auto;
max-height: 4.375rem;
}
header.header .navbar-brand .site-logo img.logo-svg { height: 100%; }
header.header .navbar-brand .logo-svg { font-size: .94rem; }
.field i { margin: 0; }
}
header.header .navbar-brand .logo-svg { font-size: 1rem; }
span.field-content > img { height: 640px !important; }
span.field-content > img { height: 30vh !important; }
}
.display-1 {
font-weight: 300;
line-height: 1.2;
}
.display-1 { font-size: calc(2.4375rem + 2.2vw) !important; }
.display-2 { font-size: calc(2.2875rem + 3.5vw); }
.display-3 { font-size: 5rem; }
.display-4 { font-size: 3rem; }
@media (min-width: 1200px) {
.display-1 { font-size: 7.5rem; }
}
.view-display-id-block_5 .view-content { display: block; }
#highlighted .banner-image img,
#highlighted .banner-image,
#highlighted .banner--content,
#highlighted .hero-banner .field--name-field-background-image img,
#highlighted .carousel-inner,
#highlighted .carousel-inner img {
height: 640px;
width: auto;
align-self: center;
}
@media (max-width: 1399px) and (min-width: 768px) {
#highlighted .banner-image img,
#highlighted .banner-image,
#highlighted .banner--content,
#highlighted .hero-banner .field--name-field-background-image img,
#highlighted .carousel-inner,
#highlighted .carousel-inner img {
height: calc(100vh - 60px);
min-height: 400px;
max-height: 640px;
}
}
#highlighted .banner-image img, #highlighted .banner-image, #highlighted .banner--content {
position: absolute;
top: 0;
}
@media (min-width: 480px) and (max-width: 767px) {
#highlighted .banner-image,
#highlighted .banner--content { max-height: 750px; }
}
#highlighted .hero-banner .field--name-field-background-image, #highlighted .hero-banner #slideshow, #highlighted .banner-image {
width: calc(100% + 40px);
position: relative;
left: -20px;
padding-right: 0;
padding-left: 0;
}
#higlighted { padding-top: 100px !important; }
@media (min-width: 768px) {
#highlighted .hero-banner .field--name-field-background-image,
#highlighted .hero-banner #slideshow,
#highlighted .banner-image {
position: relative;
width: calc(100% + 80px);
left: -40px;
}
}
#highlighted .slick__slide .banner-image { width: 100%; }
#highlighted .carousel-inner .item .banner-image { width: 100%; }
#highlighted .carousel-inner .item { height: 100%; overflow: hidden; }
#highlighted .banner--content {
display: flex !important;
flex-direction: column !important;
flex-wrap: wrap;
padding: 50px;
padding-left: 20px !important;
padding-right: 20px !important;
width: 100%;
padding-bottom: 60px;
text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
justify-content: flex-end;
z-index: auto !important;
}
@media (max-width: 1199px) {
#highlighted .banner--content {
width: 100%;
left: 0;
right: 0;
padding-bottom: 40px;
}
}
#highlighted .banner-image::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
z-index: 100;
opacity: 1;
pointer-events: none;
transition: opacity 0.3s;
}
#highlighted .banner-image picture img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#highlighted .header--title {
position: absolute;
padding-bottom: 60px;
left: 0;
right: 0;
bottom: 0;
z-index: 105;
}
@media (max-width: 991px) {
#highlighted .header--title { padding-bottom: 40px; }
}
#highlighted .hero-banner img {
height: auto;
max-width: none;
}
#highlighted .form-group { margin-bottom: auto; }
.highlighted h1,
.highlighted h2 {
font-family: 'Open Sans Condensed', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
.imagebox { margin-bottom: 30px; }
.imagetext {
letter-spacing: -0.011rem;
word-break: break-word;
}
p.sub_text {
color: #444;
text-align: left;
margin-top: 0.8em;
height: max-content;
width: fit-content;
word-break: break-word;
}
img.imagbox {
border-bottom: 2px solid #0E008A;
margin-bottom: 20px;
}
.tile-image-box { margin-bottom: 20px; }
.tile-image-box img { width: 100%; }
.user-image-box,
.tile-image-box {
display: block;
width: 100%;
overflow: hidden;
}
.user-image-box a img,
.tile-image-box a img {
display: block;
width: 100%;
transform: scale(1.01);
transition: transform 0.6s ease-out;
}
.user-image-box a img:hover,
.tile-image-box a img:hover {
transform: scale(1.05);
}
.section { margin-bottom: 30px; }
.section img { margin-bottom: 15px; }
.footer--socialMedia {
display: inline-block !important;
flex-wrap: nowrap;
min-width: max-content;
}
.footer--socialMedia ul li {
list-style: none;
float: left;
padding-bottom: 15px;
}
.footer--socialLink {
font-size: 2.8rem;
margin-right: 20px;
}
.no-list-style { padding-inline-start: 0; }
.flag,
.callforaction ul li::before,
.breadcrumb > li + li::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flag {
width: 16px;
height: 12px;
margin-right: 0.3em;
position: relative;
display: inline-block;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.land { vertical-align: middle; }
.register-flag {
box-shadow: 1px 3px 5px 1px rgb(0 0 0 / 25%);
margin-bottom: 15px;
}
.img-panel { border: 1px solid #ddd; }
.caption h3,
.caption h4 { text-align: center; }
.view-testimonial2 .thumbnail,
.reference {
border: none;
}
.box-full-width .thumbnail { margin-bottom: 0; }
.job-offer .thumbnail { margin-bottom: 20px; }
.reference { margin-bottom: 30px; }
.thumbnail img {
filter: grayscale(100%);
opacity: 0.8;
}
.thumbnail img:hover,
.thumbnail img:active {
filter: grayscale(0%);
opacity: 1;
}
#footer .payments img { filter: grayscale(100%) brightness(250%); }
.share-link a {
font-family: FontAwesome;
color: #fff;
}
.share-facebook .btn-info { background-color: #2d5f9a; border-color: #2d5f9a; }
.share-twitter .btn-info { background-color: #00c3f3; border-color: #00c3f3; }
.share-gplus .btn-info { background-color: #d73d32; border-color: #d73d32; }
.share-linkedin .btn-info { background-color: #2ba3e1; border-color: #2ba3e1; }
.share-email .btn-info {
color: #000;
background-color: #fff120;
border-color: #fff120;
}
.share-link .btn-info:hover,
a .fa:hover { opacity: 0.8; }
.social-share-links.inline .share-link {
display: inline-block;
margin-right: 10px;
}
.social-share-links.inline { margin: 15px 0; }
.social-share-links .share-link { margin-bottom: 10px; }
.social-share-links .share-link a { padding: 5px 10px 5px 5px; }
.main-container .info-tab { margin-bottom: 20px; }
.main-container .ico-tab {
margin: auto;
text-align: center;
padding: 15px 0 20px 0;
}
@media (min-width: 768px) {
.main-container .text-tab { padding-left: 0; }
}
.main-container i.fa {
font-size: 4rem;
color: #47a447;
}
i.fa.fa-star {
font-size: 2rem;
margin: 3px;
}
.article-teaser,
.node-teaser,
.all-users,
.teaser {
padding-top: 30px;
padding-bottom: 30px;
}
.team-member { padding-bottom: 30px; }
.team-member .user-image-box { padding-bottom: 15px; }
.block-views h2,
.block-views h3 { padding-top: 0; }
.block-views img { width: 100%; }
@media (min-width: 992px) {
.region-sidebar-first .user-image-box {
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 50%;
}
}
.pull-left {
float: left;
margin-bottom: 10px;
padding-right: 15px;
}
.pull-right,
.rightimg {
float: right;
margin-bottom: 10px;
padding-left: 15px;
}
.center-block,
.centerimg {
float: none;
text-align: center;
margin-bottom: 10px;
display: block;
margin-left: auto;
margin-right: auto;
}
img.centerimg {
display: inline;
vertical-align: middle;
}
a img:hover { filter: brightness(105%) saturate(105%); }
.node-type-article .field-name-field-image { margin: 0; }
.article .field--name-field-image .img-responsive { width: 100%; }
@media (max-width: 767px) {
.page-node-type-article .region-content .pull-left,
.page-node-type-article .region-content .pull-right {
width: 100%;
padding-right: 0;
padding-left: 0;
}
}
.hero-banner .callforaction {
position: absolute;
top: 0;
z-index: 100;
}
.callforaction h3,
.callforaction li {
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
font-weight: bold;
}
.callforaction li { font-size: 1.8rem; }
.callforaction ul li {
list-style-type: none;
padding: 0;
}
.callforaction ul {
padding: 0;
padding-inline-start: 40px;
}
.callforaction.white h3,
.callforaction.white li {
color: #fff;
text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
}
.callforaction ul li::before {
font-family: FontAwesome;
font-size: 2.4rem;
content: "\f00c";
color: #47a447;
padding-right: 0.3em;
position: relative;
top: 1px;
display: inline-block;
font-style: normal;
font-weight: normal;
line-height: 1rem;
}
.fieldset-legend {
font-size: 1.3rem;
font-weight: bold;
}
.breadcrumb { background-color: #fff; }
.breadcrumb > li + li::before {
font-family: FontAwesome;
font-size: 110%;
content: "\f054";
padding-right: 0.3em;
position: relative;
display: inline-block;
font-style: normal;
font-weight: normal;
line-height: 1;
}
ol.breadcrumb > li > a { color: #F70; }
.field.field--name-field-phone,
.phone { display: inline-block; }
#header { position: relative; }
@media (min-width: 980px) {
#header {
left: -25px;
width: calc(100% + 50px);
}
}
.form-wrapper__login-option input:not([type="submit"]):not([type="password"]), .form-wrapper__returning-customer input[type="password"] {
width: unset;
}
.view-commerce-checkout-order-summary .table-responsive,
.view-commerce-checkout-order-summary tr {
background: white;
}
.cart--cart-offcanvas { padding: 20px; }
.cart-block--offcanvas-cart-table tfoot .btn {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
line-height: 1;
font-size: 1.8rem;
padding: 16px 40px;
}
.cart-offcanvas.is-open { min-width: 390px; }
.cart-offcanvas-bg.is-animating,
.cart-offcanvas-bg.is-open { z-index: 999; }
#block-cartflyout {
display: flex;
align-items: center;
}
.cart-block--summary { align-self: center; }
.cart-block--summary__count {
z-index: 5;
background-color: #F70;
border-radius: 60%;
display: block;
color: white;
position: absolute;
text-align: center;
top: 66%;
min-width: 25px;
margin: 5px;
margin-top: 0;
}
.checkout-order-summary table { display: flex; }
.checkout-order-summary tbody { width: 100%; }
.checkout-order-summary tbody tr { display: flex; justify-content: space-between; }
.checkout-progress { display: flex; justify-content: center; }
.checkout-progress--step:last-child { background-image: url(/sites/default/files/icons/gift.svg); }
.checkout-progress--step:first-child { background-image: url(/sites/default/files/icons/info.svg); }
.checkout-progress--step__previous::after {
content: "\f103";
font-family: FontAwesome !important;
font-style: normal;
font-weight: normal !important;
vertical-align: middle;
position: absolute;
top: 25px;
left: 50%;
margin-left: 12px;
}
.glyph-checked-rounded::before { content: "\f103"; }
.checkout-progress--step {
position: relative;
display: flex;
justify-content: center;
margin: 0 0.5em;
padding-top: 57px;
padding-right: 0;
width: 40px;
min-width: 200px;
background-image: url(/sites/default/files/icons/note.svg);
background-position: top center;
background-size: 42px 42px;
background-repeat: no-repeat;
font-weight: bold;
}
.payment-button,
.payment-regulations {
margin: auto;
}
.payment-button {
display: flex;
flex-direction: column;
justify-content: center;
bottom: 0;
}
.payment-button button {
background-color: #47a447;
border-color: #47a448;
}
.payment-regulations { justify-content: center; }
.payment-regulations i.fa {
width: 100%;
display: flex;
justify-content: center;
font-size: 2rem;
padding-top: 10px;
}
.view-commerce-checkout-order-summary .view-content,
.view-commerce-checkout-order-summary .view-footer {
border: ridge;
background: #f1f1f1;
}
.layout-region-checkout-secondary .link--previous { display: none; }
section#block-cartflyout {
order: 11;
width: 30px;
}
.cart--cart-block .fa.fa-shopping-cart {
display: flex;
align-items: center;
margin: 5px !important;
}
.commerce-cart-pop--summary__count { margin-left: 0; }
@media (min-width: 1024px) {
.cart--cart-offcanvas__close {
position: absolute;
top: 0;
left: 0;
margin: 25px;
}
li.abc a { margin: 0 !important; }
}
.box-with-quote > .quote-image img, #highlighted .banner-image picture img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.box-with-quote > .quote-image::before {
content: '';
display: block;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 100%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
}
.pictogram {
padding-bottom: 20px;
padding-top: 15px;
}
#flipFlop.modal.fade.in,
#flipFlop.modal.fade.in .modal-dialog {
padding-right: 0 !important;
padding-left: 0 !important;
}
#flipFlop.modal.fade.in .modal-dialog { max-width: 1400px !important; }
#flipFlop.modal.fade.in .modal-dialog .modal-content:has(.webform-submission-form) {
max-width: 1400px !important;
}
#flipFlop.modal.fade.in .modal-dialog .modal-content { padding-bottom: 60px !important; }
#flipFlop.modal.fade.in .modal-dialog .btn-secondary.fa.fa-close {
margin-bottom: 15px;
font-size: 2rem;
}
@media (max-width: 1199.99px) {
.pricing-table .price-item {
width: 100%;
margin-bottom: 30px;
}
/* ===== tb_megamenu.css ===== */
@media (min-width: 980px) {
.block-tb-megamenu, #block-mainnavigation-5, #block-searchandlanguage {
display: flex;
align-items: center;
height: 61px;
}
}
nav.tbm-main {
position: unset;
}
.tbm.animate:not(.tbm--mobile) .tbm-item > .tbm-submenu {
transition: none !important;
}
.tbm.animate:not(.tbm--mobile) .tbm-item.level-1 > .tbm-submenu {
transition: opacity 400ms !important;
}
.tbm.animate:not(.tbm--mobile).slide .tbm-item.level-1 > .tbm-submenu {
overflow: hidden;
}
.tbm.animate:not(.tbm--mobile).slide .tbm-item.level-1 > .tbm-submenu > div {
transition: opacity 400ms, transform 400ms !important;
transform: translateY(-100%);
}
.tbm.animate:not(.tbm--mobile).slide .tbm-item.level-1.open > .tbm-submenu > div {
transform: none;
}
.tbm:not(.tbm--mobile) .tbm-item.level-2 > .tbm-submenu {
transition: none !important;
overflow: hidden;
}
.tbm:not(.tbm--mobile) .tbm-item.level-2 > .tbm-submenu > div {
margin-left: -500px !important;
transition: margin 400ms !important;
}
.tbm:not(.tbm--mobile) .tbm-item.level-2.open > .tbm-submenu > div {
margin-left: 0 !important;
}
.tbm-nav.level-0 {
display: flex;
list-style: none;
margin: 0;
padding: 0;
min-height: 61px;
}
.tbm-item.level-1 {
margin: 0;
padding: 0;
border: none;
}
.tbm-item.level-1 .tbm-link-container {
border: none;
}
ul.tbm-nav > li {
list-style: none;
}
.tbm-link.level-1 {
font-weight: 700;
padding: 15px 20px;
line-height: 26px;
text-decoration: none;
display: block;
color: #0e008a;
border-bottom: 5px solid transparent;
transition: color 0.3s ease, text-decoration 0.3s ease;
background-color: #fff;
}
@media (min-width: 992px) {
/* Thikness is rounded to physical pixels (5px at DPR 1.5 = 4.67px), keep height explicit. */
.tbm-link.level-1 {
box-sizing: border-box;
height: 61px;
}
}
@media (min-width: 980px) and (max-width: 1100px) {
.tbm-link.level-1 {
padding: 15px;
}
}
.tbm-item.active .tbm-link.level-1 {
border-bottom: 5px solid #F70;
}
.tbm-link.level-1:focus {
background-color: #fff;
}
.tbm-link.level-1:hover {
border-bottom: 5px solid #0e008a;
color: #0e008a;
background-color: #fff;
}
@media (min-width: 980px) {
.tbm-item.level-1 .tbm-submenu-toggle {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: none !important;
}
}
.tbm-item.level-1.tbm-item--has-dropdown .tbm-link.level-1, .tbm-item.level-1.tbm-item--has-dropdown .tbm-link.level-1:hover {
cursor: pointer;
}
.tbm-item.level-1.open .tbm-link.level-1 {
border-bottom: 5px solid #0e008a;
}
.tbm-submenu {
display: none;
}
.tbm-submenu.open {
display: block;
}
.tbm-item.level-1 > .tbm-submenu {
position: absolute;
left: 50%;
width: 100vw;
transform: translateX(-50%);
}
ul.tbm-subnav.level-1 {
padding: 23px 28px 150px;
}
.tbm-item.level-1 .tbm-submenu {
background-color: #292929;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
@media (min-width: 980px) and (max-width: 1100px) {
body.toolbar-horizontal.toolbar-fixed .tbm-item.level-1 .tbm-submenu {
margin-left: -62px;
}
}
@media (min-width: 1041px) {
body.toolbar-horizontal.toolbar-fixed .tbm-item.level-1 .tbm-submenu {
margin-left: -46px;
}
}
@media (min-width: 1400px) {
body.toolbar-horizontal.toolbar-fixed .tbm-item.level-1 .tbm-submenu {
margin-left: -42px;
}
}
.tbm-item.level-1 .tbm-submenu * {
color: #fff;
}
.tbm-item.level-1 .tbm-submenu .tbm-link, .tbm-item.level-1 .tbm-submenu ul > li.abc a {
margin-bottom: 0;
font-style: normal;
display: flex !important;
justify-content: space-between;
border-right: none;
color: #fff;
text-shadow: none;
position: relative;
font-size: 1.8rem;
line-height: 1.2;
padding: 0 30px 10px 0;
transition: color .2s ease;
text-decoration: none;
}
@media (min-width: 980px) {
.tbm-item.level-3 a {
font-size: 1.6rem !important;
padding: 12px 0 !important;
}
}
.tbm li.abc, .tbm li.level-122, .tbm li.level-211 {
list-style: none;
}
@media (min-width: 980px) {
.tbm-subnav.level-1 {
padding-top: 0 !important;
}
.tbm-subnav.level-2 > li.abc {
margin-left: 24px;
margin-top: 30px;
}
.tbm-subnav.level-1 > li.abc {
display: none !important;
}
li.level-211 {
padding: 4px;
position: absolute;
}
}
.tbm-item.level-1 .tbm-submenu li + li .tbm-link {
padding: 20px 0;
}
@media (min-width: 980px) {
.tbm-submenu ul:hover > li > .tbm-link-container > .tbm-link, .tbm-submenu ul:hover > li.abc a {
color: #6c6c6c;
}
}
.tbm-submenu ul > li .tbm-link:hover, .tbm-submenu ul:hover > li > .tbm-link-container > .tbm-link:hover, .tbm-submenu ul > li.open > .tbm-link-container > .tbm-link, .tbm-submenu ul > li.abc a:hover {
color: #fff;
}
.tbm-submenu ul > li .tbm-link:not(.active-trail):focus, .tbm-submenu ul > li.abc a:not(.active-trail):focus {
color: #fff !important;
}
ul.tbm-subnav.level-1 > li {
z-index: 1000;
}
.tbm-row {
max-width: 1240px;
margin: auto;
}
.tbm-row .tbm-column {
margin-top: 50px;
}
.tbm:not(.tbm--mobile) .tbm-submenu ul > li.tbm-item--has-flyout:hover > .tbm-link-container > a {
margin-left: 25px;
margin-right: 0;
}
.tbm:not(.tbm--mobile) .tbm-submenu ul > li.tbm-item--has-flyout > .tbm-link-container > a {
transition-property: margin !important;
transition-duration: .5s !important;
margin-left: 0;
margin-right: 25px;
}
.tbm-item.level-2.tbm-item--has-flyout > .tbm-submenu {
position: fixed;
left: 50%;
top: 0;
min-width: 400px;
min-height: 700px;
background: #292929;
color: #fff;
z-index: 1100;
box-shadow: none;
border: none;
margin: 0;
padding: 0;
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.3s cubic-bezier(.4,0,.2,1), transform 0.3s cubic-bezier(.4,0,.2,1), min-height 0.3s cubic-bezier(.4,0,.2,1);
pointer-events: none;
}
.tbm-item.level-2.tbm-item--has-flyout.open > .tbm-submenu {
display: block;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.tbm-item.level-2.tbm-item--has-flyout {
position: relative;
}
.tbm li.abc > a, .tbm .tb-block-link a {
font-size: 3rem !important;
font-family: 'Open Sans Condensed', sans-serif;
}
.tbm .tb-block-link a {
line-height: 18px;
padding: 0 0 20px;
display: block;
white-space: nowrap;
}
.tbm .tbm-block p {
font-size: 14px;
}
@media (min-width: 980px) {
li.tbm-item.level-2 > .tbm-submenu {
padding-left: 10% !important;
width: 100% !important;
}
li.tbm-item.level-3, .tbm-subnav.level-2 > li.abc {
width: 385px;
}
}
@media (min-width: 1250px) {
li.tbm-item.level-3, .tbm-subnav.level-2 > li.abc {
width: 485px;
}
}
.tbm-submenu ul > li .tbm-link.active-trail {
color: #F70 !important;
}
.tbm-submenu ul > li .tbm-link.active-trail:hover {
color: #fff !important;
}
@media (max-width: 979.98px) {
#header {
padding-left: 0;
}
.tbm-row .tbm-column {
margin-top: 0;
}
.tbm, .tbm .tbm-collapse, .tbm .tbm-collapse .tbm-nav {
background: #292929;
}
.tbm .tbm-collapse .tbm-nav {
width: 100vw;
height: 100vh !important;
min-height: 50vh;
display: inline-block;
padding: 23px 28px 46px;
}
.tbm.tbm--mobile .tbm-collapse {
width: 100vw;
position: absolute;
left: 0;
top: 100%;
padding-top: 0;
margin-top: 0;
background: #292929;
transform: translate3d(0, 0, 0);
transition: transform .25s ease-in-out, opacity .13s ease-in-out;
z-index: 500;
display: none;
}
.tbm.tbm--mobile.tbm--mobile-show .tbm-collapse {
display: block;
animation: slideDown .2s ease-in-out forwards, fadeIn .13s ease-in-out forwards;
}
.tbm.tbm--mobile:not(.tbm--mobile-show) .tbm-collapse {
animation: fadeOut .13s ease-in-out forwards;
}
.tbm-submenu ul > li.tbm-item--has-flyout > .tbm-link-container > a, .tbm-item.level-2.tbm-item--has-flyout > .tbm-submenu {
transition: none !important;
}
.tbm-item.level-1.open .tbm-link.level-1 {
border-color: transparent;
}
.tbm-item.level-1 > .tbm-submenu {
box-shadow: none;
top: 0;
}
.tbm .level-1 > .tbm-link-container .tbm-submenu-toggle {
z-index: 1;
}
.tbm:not(.tbm--mobile) .tbm-item.level-1.tbm-item--has-dropdown > .tbm-link-container > a {
transition-property: margin !important;
transition-duration: .5s !important;
margin-left: 0;
margin-right: 25px;
}
.tbm:not(.tbm--mobile) .tbm-item.level-1.tbm-item--has-dropdown > .tbm-link-container:hover > a {
margin-left: 25px;
margin-right: 0;
}
.tbm-item.level-2.tbm-item--has-flyout {
z-index: 900;
}
.tbm-item.level-2.tbm-item--has-flyout > .tbm-submenu {
left: 0;
top: 0;
min-width: 100vw;
height: 100vh;
overflow-y: auto;
z-index: 1200;
}
.tbm-item.level-2.tbm-item--has-flyout > .tbm-submenu * {
background-color: #292929;
}
ul.tbm-subnav.level-2 {
padding: 23px 28px 150px;
}
.tbm.tbm--mobile .tbm-collapse .tbm-submenu {
display: none !important;
}
.tbm .tbm-collapse .tbm-item.level-1.open > .tbm-submenu {
display: block !important;
animation: slideRight .3s ease-in-out forwards;
}
.tbm .tbm-collapse .tbm-item.level-1.open > .tbm-submenu.closing {
animation: slideBackLeft .3s ease-in-out forwards;
}
.tbm .tbm-collapse .tbm-item.level-2 > .tbm-submenu {
display: none !important;
}
.tbm .tbm-collapse .tbm-item.level-2.open > .tbm-submenu {
display: block !important;
animation: slideRightL2 .3s ease-in-out forwards;
}
.tbm .tbm-collapse .tbm-item.level-2.open > .tbm-submenu.closing {
animation: slideBackLeft2 .3s ease-in-out forwards;
}
.tbm .tbm-collapse .tbm-item.level-3 > .tbm-submenu {
display: none !important;
}
.tbm .tbm-collapse .tbm-item.level-3.open > .tbm-submenu {
display: block !important;
animation: slideRightL2 .3s ease-in-out forwards;
}
.tbm .tbm-collapse .tbm-item.level-3.open > .tbm-submenu.closing {
animation: slideBackLeft2 .3s ease-in-out forwards;
}
.tbm .tbm-collapse .tbm-item.level-2, .tbm .tbm-collapse .tbm-item.level-3 {
display: none !important;
}
.tbm .tbm-collapse .tbm-item.level-1.open .tbm-item.level-2 {
display: block !important;
position: unset;
}
.tbm .tbm-collapse .tbm-item.level-2.open .tbm-item.level-3 {
display: block !important;
}
.tbm .tbm-collapse .tbm-block {
display: none !important;
}
.tbm .tbm-collapse .tbm-submenu-toggle, .tbm.tbm--mobile .tbm-submenu .tbm-submenu-toggle {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 100%;
background: transparent;
border: none;
color: #fff;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10;
}
.tbm .tbm-collapse .tbm-submenu-toggle::before {
content: unset;
}
.tbm .tbm-collapse .tbm-link-container {
position: relative;
padding-right: 50px;
}
.tbm .tbm-collapse .tbm-nav > li > .tbm-link-container > a, .tbm .tbm-collapse .tbm-nav > li > .tbm-link-container > span {
display: block;
font-size: 2rem;
line-height: 1.2;
padding: 20px 30px 20px 0;
position: relative;
}
.tbm .tbm-nav > .active > .tbm-link-container > a, .tbm .tbm-nav > .active > .tbm-link-container > a:hover, .tbm .tbm-nav > .active > .tbm-link-container > a:focus, .tbm .tbm-nav > .active > .tbm-link-container > span.tbm-no-link, .tbm .tbm-nav > .active > .tbm-link-container > span.tbm-no-link:hover, .tbm .tbm-nav > .active > .tbm-link-container > span.tbm-no-link:focus, .tbm .tbm-collapse .tbm-nav > li.active > .tbm-link-container > a:hover, .tbm .tbm-collapse .tbm-nav > li > .tbm-link-container > a:hover, .tbm .tbm-collapse .tbm-nav > li > .tbm-link-container > a:focus, .tbm .tbm-collapse .tbm-nav > li > .tbm-link-container > a, .tbm .tbm-collapse .tbm-nav > li > .tbm-link-container > span.tbm-no-link:hover, .tbm .tbm-collapse .tbm-nav > li > .tbm-link-container > span.tbm-no-link:focus {
background-image: none;
background: #292929 !important;
background-color: #292929 !important;
color: #fff !important;
border-color: transparent;
}
.tbm .tbm-collapse .tbm-nav > li, .tbm .tbm-collapse .tbm-subnav > li {
border-top: none;
border-bottom: 1px solid #494949;
}
.tbm .tbm-nav li.level-1.active {
border-width: 3px;
border-bottom-color: #F70;
}
.tbm-item.level-1 .tbm-submenu ul > li.abc a {
padding: 20px 0;
display: block;
}
.tbm .tbm-nav li.tbm-item--has-dropdown > .tbm-link-container > .tbm-submenu-toggle::before {
content: unset;
}
.tbm .tbm-collapse, .tbm .tbm-collapse.collapse {
z-index: 500;
left: 0 !important;
width: 100vw !important;
margin-top: 0;
}
.navigation-main {
position: unset;
}
.tbm .btn {
border: none !important;
background: white !important;
}
.tbm {
position: unset;
}
.tbm-button {
position: unset;
margin: 10px;
border: none;
background: none;
}
.tbm-button .tbm-button-container {
width: 30px;
height: 20px;
position: relative;
display: block;
}
.tbm-button .tbm-button-container span {
background-color: #0e008a;
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: .25s ease-in-out;
}
.tbm-button-container span:nth-child(1) { top: 0; }
.tbm-button-container span:nth-child(2) { top: 10px; }
.tbm-button-container span:nth-child(3) { top: 20px; }
.tbm-button[aria-expanded="true"] .tbm-button-container span:nth-child(1) {
top: 11px;
width: 100%;
left: 0;
transform: rotate(135deg);
}
.tbm-button[aria-expanded="true"] .tbm-button-container span:nth-child(2) {
opacity: 0;
left: -60px;
}
.tbm-button[aria-expanded="true"] .tbm-button-container span:nth-child(3) {
top: 11px;
transform: rotate(-135deg);
}
}
/* ===== button.css ===== */
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
user-select: none;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* ===== dialog.css ===== */
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
Direkt zum Inhalt
