/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
*/
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
*/
@font-face {
font-family: "fontastic";
src: url("fonts/fontastic.eot");
src: url("fonts/fontastic.eot?#iefix") format("embedded-opentype"), url("fonts/fontastic.woff") format("woff"), url("fonts/fontastic.ttf") format("truetype"), url("fonts/fontastic.svg#fontastic") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "fontastic" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^=icon-]:before,
[class*=" icon-"]:before {
font-family: "fontastic" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-fontastic:before {
content: "t";
}
.icon-fontastic-1:before {
content: "b";
}
.icon-fontastic-2:before {
content: "p";
}
.icon-fontastic-3:before {
content: "n";
}
.icon-fontastic-4:before {
content: "m";
}
.icon-fontastic-5:before {
content: "h";
}
.icon-fontastic-6:before {
content: "s";
}
.icon-fontastic-7:before {
content: "a";
}
.icon-fontastic-8:before {
content: "c";
}
.icon-fontastic-9:before {
content: "d";
}
.icon-fontastic-10:before {
content: "r";
}
.icon-fontastic-11:before {
content: "f";
}
.icon-fontastic-12:before {
content: "u";
}
.icon-fontastic-13:before {
content: "l";
}
.icon-fontastic-14:before {
content: "o";
}
.icon-fontastic-15:before {
content: "j";
}
.icon-eye:before {
content: "i";
}
.icon-link:before {
content: "e";
}
.icon-file-text:before {
content: "g";
}
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
*/
/* @group basic */
body {
font: 400 14px/22px "Raleway", Arial, Helvetica, sans-serif;
color: #7e7e7e;
background: #252424;
}
body > nav {
display: none;
}
#siteframe {
background: #fff;
position: relative;
z-index: 3;
}
.content_wrap {
position: relative;
z-index: 10;
background: #fff;
}
#content {
max-width: 1220px;
margin: 0 auto;
padding: 17px 20px 33px;
overflow-x: hidden;
}
.category_2 #content {
overflow-x: visible;
}
.page {
overflow-x: hidden;
}
/* @end */
/* @group header */
#header {
color: #fff;
position: relative;
max-width: 1220px;
margin: 0 auto;
padding: 0 20px;
z-index: 11;
}
#header .sticky-wrapper .header_bottom,
#header .sticky-wrapper .header_bottom:after {
transition: background-color 0.25s ease;
}
#header .sticky-wrapper.is-sticky .header_bottom {
background: #fff;
transition: background-color 0.25s ease;
}
#header .sticky-wrapper.is-sticky .header_bottom:after {
content: "";
position: absolute;
top: 0;
right: -1500px;
left: -1500px;
bottom: 0;
background: #fff;
z-index: -1;
}
#header div#logo {
float: left;
margin: 0;
padding: 0 0 12px;
display: block;
}
#header div#logo_nav {
float: left;
position: absolute;
z-index: -1;
visibility: hidden;
width: 287px;
padding: 56px 0 0;
background: transparent;
transition: background-color 0.25s ease;
}
#header .is-sticky div#logo_nav {
display: block;
background: #fff;
position: static;
z-index: 1;
visibility: visible;
}
#header div#logo_nav img {
width: 43px;
opacity: 0;
cursor: pointer;
visibility: hidden;
transform: scale(1.3, 1.3);
transition: all 0.25s ease;
}
#header .is-sticky div#logo_nav img {
opacity: 1;
transform: scale(1, 1);
visibility: visible;
}
.responsive_menu_wrap {
position: absolute;
bottom: 13px;
right: 20px;
display: none;
z-index: 80;
background: #5e5e5e;
padding: 11px 8px;
}
.is-sticky .responsive_menu_wrap {
bottom: 10px;
right: 0px;
}
.navi_open .responsive_menu_wrap {
background: #af1c2d;
}
.responsive_navigation_toggle {
width: 24px;
height: 14px;
display: block;
border-bottom: 3px solid #fff;
pointer-events: none;
}
.responsive_navigation_toggle span {
display: block;
width: 24px;
height: 4px;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}
/* @end */
/* @group slider */
#slider {
max-height: 475px;
overflow: hidden;
position: relative;
z-index: -1;
}
#bx-slider-wrap {
width: 100%;
}
.bx-wrapper {
margin: 0;
padding: 0;
position: static;
}
.bx-wrapper img {
max-width: none;
width: 100%;
height: auto;
}
.bx-wrapper .bx-controls-direction {
opacity: 1;
}
.bx-wrapper .bx-controls-direction a {
left: 0;
background: none;
font-size: 0;
line-height: 0;
width: auto;
height: auto;
padding: 25px;
margin: -33px 0 0 0;
cursor: pointer;
display: block;
}
.bx-wrapper .bx-controls-direction a.bx-next {
left: auto;
right: 0;
}
.bx-wrapper .bx-controls-direction a span {
width: 11px;
height: 17px;
display: block;
background: url(../img/slider_controls.png) no-repeat left top;
}
.bx-wrapper .bx-controls-direction a.bx-next span {
background-position: right top;
}
.bx-wrapper .bx-controls-direction a.bx-prev:hover span {
background-position: left bottom;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover span {
background-position: right bottom;
}
.bx-wrapper .bx-pager {
display: block;
bottom: 9px;
padding: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #fff;
width: 10px;
height: 10px;
border: 0;
border-radius: 50%;
margin: 0 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #af1c2d;
border: 2px solid #fff;
margin: 0 3px;
}
.slide_text_container {
display: none;
}
/* @end */
/* @group footer */
#footer {
padding: 73px 0 38px;
color: #999;
font-size: 13px;
line-height: 18px;
background: #333;
color: #b9b9b9;
font-weight: 300;
position: relative;
z-index: 10;
}
.footer_content {
max-width: 1270px;
margin: 0 auto;
padding: 0;
}
.footer_content .newsletter,
.footer_content .databases {
width: 25%;
float: left;
margin: 0;
padding: 0 25px;
border-right: 1px solid #484848;
box-sizing: border-box;
}
.footer_content .newsletter {
border: none;
}
.footer_content .portlet-resource-link {
display: none !important;
}
.footer_content .newsletter .portlet {
width: 100%;
padding-left: 0;
padding-right: 0;
border: none;
margin-bottom: 20px;
}
.footer_content h2 {
color: #fff;
font-weight: 700;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 0.7px;
position: relative;
padding: 0 0 15px 0;
margin: -3px 0 14px 0;
}
.footer_content h2:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 133px;
height: 2px;
background: #af1c2d;
}
.footer_content strong {
font-weight: 700;
color: #b9b9b9;
}
.footer_content .databases ul:not(.controls) li {
list-style: none;
padding: 0 0 0 12px;
position: relative;
}
.footer_content .databases ul:not(.controls) li:after {
content: "n";
position: absolute;
left: 0;
top: 0;
font-family: "fontastic";
font-size: 8px;
}
.footer_content .databases .quicklink_item {
list-style: none;
padding: 0 0 0 12px;
position: relative;
}
.footer_content .databases .quicklink_item:after {
content: "n";
position: absolute;
left: 0;
top: 0;
font-family: "fontastic";
font-size: 8px;
}
.footer_content a {
color: #b9b9b9;
text-decoration: none;
}
.footer_content li a {
display: block;
}
.footer_content .databases li:hover:after,
.footer_content a:hover {
color: #fff;
}
.footer_content > div.cf {
min-height: 0 !important;
}
.footer_content input {
border: 1px solid #d7d8da;
font-size: 13px;
line-height: 30px;
font-weight: 400;
font-family: "Raleway";
height: 30px;
padding: 0 12px;
float: left;
width: 62%;
box-sizing: border-box;
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.footer_content input:hover,
.footer_content input:focus {
color: #8f1010;
background: #fbf2f3;
}
.footer_content input.button {
border-color: #af1c2d;
background: #af1c2d;
color: #fff;
font-weight: 700;
text-transform: lowercase;
line-height: 20px;
width: 38%;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.footer_content input.button:hover {
border-color: #7f1010;
background: #7f1010;
}
.footer_content .social_media {
padding: 33px 0 12px 0;
}
.content .social_media {
margin: 33px 0 26px 0;
}
.social_media a {
height: 30px;
width: 31px;
overflow: hidden;
float: left;
padding: 0 4px 0 0;
}
.social_media a:hover img {
margin-top: -30px;
}
.content .social_media a:hover img {
margin-top: -60px;
}
.dodeley_subscribe {
padding: 3px 0 0 0;
}
.dodeley_subscribe p {
margin: 0;
}
.dodeley_subscribe_privacy {
font-size: 10px;
color: rgba(255, 255, 255, 0.4);
line-height: 16px;
padding: 10px 0 0;
margin: 0;
letter-spacing: -0.05px;
}
.dodeley_subscribe_privacy a {
color: #fff;
}
.dodeley_subscribe_privacy a:hover {
color: #af1c2d;
}
.footer_line {
max-width: 1220px;
margin: 0 auto;
padding: 20px 25px;
font-size: 11px;
line-height: 18px;
color: #ccc;
position: relative;
z-index: 10;
}
.copy {
float: left;
list-style: none;
}
.impressum {
float: right;
list-style: none;
}
.impressum li {
float: left;
padding: 0 0 0 12px;
}
.impressum li a {
color: #adadad;
text-decoration: none;
}
.impressum li span {
display: none;
}
.impressum li a:hover {
color: #A71930;
}
/* @end */
/* @group scrolldown arrow */
.scrolldown_arrow {
position: absolute;
font: 95px/25px "fontastic";
color: #a71930;
left: 50%;
bottom: -48px;
opacity: 0;
margin: 0 0 0 -45px;
cursor: pointer;
transition: all 0.25s ease;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
}
.scrolldown_arrow.show {
opacity: 1;
-webkit-transform: scale(1, 0.4);
-moz-transform: scale(1, 0.4);
-o-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
.scrolldown_arrow.show:hover {
color: #333;
-webkit-transform: scale(1, 0.7);
-moz-transform: scale(1, 0.7);
-o-transform: scale(1, 0.7);
transform: scale(1, 0.7);
}
/* @end */
/* @group privacy banner */
#privacy_banner #privacy_banner_inner {
max-width: 1220px;
font-size: 13px;
line-height: 21px;
}
#privacy_banner #privacy_banner_inner a.button {
border-radius: 0;
font-size: 13px;
line-height: 22px;
}
/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
*/
/* @group mainnavigation */
div#navigation {
margin: 0;
padding: 0;
}
/* @group level0 */
.navigation {
float: left;
margin: 0;
padding: 58px 0 0 15px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.navigation > li {
list-style: none;
background: transparent;
float: left;
margin: 0;
padding: 0;
z-index: 99;
}
.navigation > li:first-child {
margin-left: 0;
border: none;
}
.navigation > li > a {
display: block;
text-decoration: none;
line-height: 30px;
font-weight: 600;
font-size: 13px;
color: #7e7e7e;
text-transform: uppercase;
padding: 12px 14px;
position: relative;
-webkit-transition: all 0.3s ease-out, padding 0.0000000001s ease-out;
-moz-transition: all 0.3s ease-out, padding 0.0000000001s ease-out;
-o-transition: all 0.3s ease-out, padding 0.0000000001s ease-out;
transition: all 0.3s ease-out, padding 0.0000000001s ease-out;
}
.navigation > li.dropdown > a {
padding-right: 35px;
}
.navigation > li.dropdown > a:before {
content: "";
position: absolute;
right: 13px;
top: 23px;
width: 13px;
height: 8px;
background: url(../img/dropdown_icon.png) no-repeat left bottom;
}
.navigation > li.dropdown:hover > a:before,
.navigation > li.current.dropdown > a:before {
background-position: left top;
}
.navigation > li:hover > a,
.navigation > li.current > a {
color: #fff;
background: #a71930;
}
/* @end */
/* @group level1 */
.navigation > li:hover > ul {
visibility: visible;
opacity: 1;
}
.navigation ul.level1 {
position: absolute;
z-index: 99;
left: 0;
top: 100%;
border: 1px solid #dddee0;
border-top: 2px solid #a71930;
margin: 0;
padding: 26px 0;
background: #fff;
box-sizing: border-box;
visibility: hidden;
opacity: 0;
width: 100%;
text-align: left;
list-style: none;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.navigation ul.level1 > li {
padding: 0 26px;
display: block;
float: left;
width: 25%;
box-sizing: border-box;
border-right: 1px solid #f2f2f2;
}
.navigation ul.level1 > li:nth-child(4) ~ li {
margin-top: 20px;
}
.navigation ul.level1 > li:only-child {
width: 100%;
border-right: 0;
}
.navigation ul.level1 > li:first-child:nth-last-child(2),
.navigation ul.level1 > li:first-child:nth-last-child(2) ~ li {
width: 50%;
}
.navigation ul.level1 > li:first-child:nth-last-child(3),
.navigation ul.level1 > li:first-child:nth-last-child(3) ~ li {
width: 33.33%;
}
.navigation ul.level1 > li > a {
color: #313131;
line-height: 18px;
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
display: block;
margin: 0;
padding: 0 0 15px;
position: relative;
letter-spacing: 1px;
}
.navigation ul.level1 > li > a:after {
content: "";
width: 133px;
height: 2px;
background: #af1c2d;
position: absolute;
bottom: 0;
left: 0;
}
.navigation ul.level1 > li:hover > a,
.navigation ul.level1 > li.current > a {
color: #af1c2d;
}
/* @group touch-hack */
.touch .navigation ul.level1 {
display: none;
}
.navigation > li:hover > ul {
display: block;
}
/* @end */
.navigation ul.level2 > li.sort-0 {
padding-top: 20px;
}
.navigation ul.level2 > li > a {
color: #adadad;
line-height: 20px;
font-size: 14px;
text-decoration: none;
font-weight: 400;
display: block;
margin: 0;
padding: 0 0 5px 0;
}
.navigation ul.level2 > li:hover > a,
.navigation ul.level2 > li.current > a {
color: #af1c2d;
}
/* @end */
.navigation ul.level3 {
display: none;
}
/* @end */
/* @group responsive navigation */
.rwd_navigation {
display: block;
list-style: none;
background: #fff;
}
.rwd_navigation li a {
display: block;
text-decoration: none;
color: #7e7e7e;
}
.rwd_navigation li.current ul li.current > a {
color: #a71930;
}
/* @group level0 */
.rwd_navigation > li > a {
padding: 14px 0;
margin: 0 20px;
font-size: 14px;
line-height: 22px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #f5f7f8;
}
.rwd_navigation > li.current > a {
color: #a71930;
}
/* @end */
/* @group level1 */
.rwd_navigation ul.level1 {
position: static;
width: auto;
visibility: visible;
opacity: 1;
background: #f6f6f6;
margin: -1px 0 0 0;
}
.rwd_navigation ul.level1 > li > a {
font-size: 12px;
line-height: 20px;
padding: 14px 20px 14px 52px;
font-weight: 600;
position: relative;
color: #7e7e7e;
text-transform: uppercase;
border-top: 1px solid #edeff0;
}
.rwd_navigation ul.level1 > li > a:after {
content: "n";
position: absolute;
left: 38px;
top: 14px;
font-size: 8px;
font-family: "fontastic";
text-transform: lowercase;
font-weight: normal;
}
/* @end */
/* @group level2 */
.rwd_navigation ul.level2 {
background: #f6f6f6;
display: none;
margin: -10px 0 10px 0;
}
.rwd_navigation ul.level2 > li > a {
font-size: 12px;
text-transform: uppercase;
position: relative;
padding: 2px 20px 2px;
padding-left: 60px;
color: #888;
}
.rwd_navigation ul.level1 li.current > ul.level2 {
display: block;
}
/* @end */
/* @group level3 */
.rwd_navigation ul.level3 {
display: none;
}
.rwd_navigation ul.level3 > li > a {
font-size: 14px;
position: relative;
padding: 5px 20px;
padding-left: 40px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* @end */
.infobox {
display: none;
background: #a71930;
padding: 20px;
color: #fff;
}
.infobox ul.level1 {
background: none;
margin: 0;
}
.infobox ul.level1 > li {
list-style: none;
}
.infobox ul.level1 > li > a {
font-size: 12px;
line-height: 17px;
padding: 0 20px 18px 29px;
font-weight: 400;
position: relative;
color: #fff;
text-transform: none;
border: none;
}
.infobox ul.level1 > li > a:after {
content: "n";
position: absolute;
left: 4px;
top: 0;
font-size: 9px;
font-family: "fontastic";
text-transform: lowercase;
font-weight: normal;
}
.rwd_navigation .search_wrap,
.rwd_navigation .infobox {
display: block;
}
.infobox .phone,
.infobox .mail {
padding: 0 0 18px 22px;
position: relative;
color: #fff;
display: block;
text-decoration: none;
}
.infobox .phone:after,
.infobox .mail:after {
content: "h";
position: absolute;
left: 0;
top: 0;
font-size: 13px;
font-family: "fontastic";
color: #fff;
font-weight: 300;
}
.infobox .mail:after {
content: "m";
font-size: 12px;
top: 0;
}
.infobox .search_wrap {
clear: both;
float: none;
margin: 0;
height: auto;
width: 400px;
}
.infobox .search_wrap .portlet-content {
background: none;
opacity: 1;
padding: 0;
position: static;
text-align: left;
transition: all 0.25s ease-out 0s;
visibility: visible;
width: 100%;
box-sizing: border-box;
}
.infobox .search_wrap .portlet-content input.search_button,
.infobox .search_wrap .portlet-content input {
width: 70%;
box-sizing: border-box;
}
.infobox .search_wrap .portlet-content input.search_button {
width: 30%;
}
.infobox .search_wrap .portlet-content input.search_button + span.icon {
right: 14px;
top: 9px;
}
.infobox .search_wrap .portlet-title,
.infobox .search_wrap .portlet-title::before {
display: none;
}
/* @group hide not current subnavi (disabled) */
/*
.rwd_navigation ul,
.rwd_navigation ul ul,
.rwd_navigation ul ul ul {
display: none !important;
}
.rwd_navigation .current > ul,
.rwd_navigation .current > ul .current > ul {
display: block !important;
}
*/
/* @end */
/* @end */
/* @group meta navigation */
.meta-navigation {
margin: 0;
padding: 5px 0 0 0;
text-align: right;
}
.meta-navigation li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta-navigation li a {
color: #adadad;
font-size: 12px;
font-weight: 400;
padding: 0 0 0 10px;
text-decoration: none;
}
.meta-navigation li a:hover,
.meta-navigation li.current a {
color: #af1c2d;
}
/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
*/
/* @group images */
.picture {
float: none;
}
.picture img {
width: 100%;
height: auto;
}
.resource.picture:not(.picture_content) {
float: none;
}
.pictures.float_left,
.pictures.float_left_with_clear {
float: left;
}
.pictures.float_right,
.pictures.float_right_with_clear {
float: right;
}
.pictures.float_left .picture,
.pictures.float_right .picture,
.pictures.float_right_with_clear .picture,
.pictures.float_left_with_clear .picture {
width: 100%;
box-sizing: border-box;
}
.pictures.float_left .picture img,
.pictures.float_right .picture img,
.pictures.float_right_with_clear .picture img,
.pictures.float_left_with_clear .picture img {
display: block;
width: 100%;
height: auto;
}
.pictures.gallery {
width: auto;
margin-left: -20px;
}
.pictures.gallery .picture {
box-sizing: border-box;
width: 25%;
float: left;
padding-left: 20px;
margin-bottom: 20px;
}
.pictures.gallery .picture span,
.pictures.gallery .picture a {
display: block;
}
.pictures.gallery .picture img {
display: block;
width: 100%;
height: auto;
}
.resource_subtitle {
display: none;
}
/* @end */
/* @group videos */
.resource_video_description {
display: none;
}
.video,
.video *,
video {
outline: 0;
box-shadow: none;
}
.vjs-poster,
.video-js {
background-color: transparent;
}
/* @end */
/* @group documents */
.documents {
margin: 0 0 22px 0;
}
.documents h2 {
display: none;
}
.documents .document {
line-height: 22px;
background-position: left 3px;
}
/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
*/
/* @group headings, paragraph */
h1 {
color: #313131;
font-size: 24px;
line-height: 28px;
font-weight: 700;
padding: 0 0 14px 0;
margin: 30px 0 15px 0;
text-transform: uppercase;
position: relative;
}
.breadcrumb + h1 {
margin-top: 0;
}
h1:after {
content: "";
width: 133px;
height: 2px;
background: #af1c2d;
position: absolute;
bottom: 0;
left: 0;
}
.content h2, h2 a {
color: #313131;
font-size: 16px;
line-height: 20px;
font-weight: 600;
padding: 0 0 14px 0;
margin: 0 0 18px 0;
text-transform: uppercase;
text-decoration: none;
position: relative;
letter-spacing: 0.5px;
}
.content h2:after {
content: "";
width: 133px;
height: 2px;
background: #af1c2d;
position: absolute;
bottom: 0;
left: 0;
}
h3, h3 a {
color: #666;
font-size: 16px;
line-height: 20px;
font-weight: 400;
margin: 0 0 5px 0;
text-transform: uppercase;
text-decoration: none;
}
h6, h6 a,
h4, h4 a,
h5, h5 a {
color: #333;
font-size: 14px;
line-height: 20px;
font-weight: 700;
margin: 0 0 3px 0;
text-transform: uppercase;
text-decoration: none;
}
div.introduction {
font-weight: 700;
color: #444;
margin: 0 0 20px 0;
}
p {
margin: 0 0 20px 0;
}
/* @end */
/* @group link */
a {
outline: none;
color: #A71930;
text-decoration: underline;
}
a:hover {
color: #7e7e7e;
}
a img {
border: none;
}
#contentframe .resource_subtitle {
display: none;
}
/* @end */
/* @group unordrered list */
.content ul,
.content ol {
margin: 0 0 20px 0;
width: auto;
}
.content .chosen ul {
margin: 0;
}
.content ul li {
list-style: none;
padding: 0 0 0 15px;
position: relative;
}
.content ul.sitemap li {
padding: 0;
}
.content ul li:after {
content: "n";
font-family: "fontastic";
font-size: 11px;
position: absolute;
left: 0;
top: 0;
font-weight: 300;
}
.content .portlet ul li:after {
display: none;
}
.content ul.sitemap li:after {
display: none;
}
.content .management_container ul li:after {
display: none;
}
.content ol {
list-style-type: decimal;
margin: 0 0 20px 17px;
}
.content ul.sitemap {
margin: 0;
}
/* @end */
/* @group content table */
.table_wrap_container,
.table_wrap {
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.table_wrap_container {
overflow: hidden;
margin: 0 0 27px 0;
}
.table_scroll_indicator {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
background: url(../img/table_icon.png) no-repeat;
background-size: 24px;
width: 24px;
height: 24px;
display: none;
}
.content table {
border: none;
border-spacing: 0;
width: 100% !important;
}
table th {
color: #444;
border-bottom: 2px solid #A71930;
padding: 10px 15px 10px 0;
text-align: left;
}
table td {
border-bottom: 1px solid #ddd;
padding: 15px 15px 15px 0;
}
table p {
margin: 0;
}
/* @end */
/* @group breadcrumbs */
.breadcrumb {
padding: 1px 0 30px 0;
font-size: 0;
}
.breadcrumb .you_are_here {
display: none;
}
.breadcrumb_element {
color: #af1c2d;
font-weight: 600;
font-size: 12px;
text-decoration: none;
padding: 0 32px 0 0;
margin: 0 21px 0 0;
position: relative;
display: inline-block;
}
span.breadcrumb_element {
padding: 0;
margin: 0;
}
.breadcrumb_element:after {
content: "n";
font-family: "fontastic";
font-size: 10px;
font-weight: 300;
position: absolute;
right: 0;
top: 0;
}
span.breadcrumb_element:after {
display: none;
}
span.breadcrumb_element {
color: #adadad;
}
/* @end */
/* @group special content */
.content .house:after,
.content .phone:after,
.content .mail:after {
content: "n";
position: absolute;
left: 0;
top: -3px;
font-size: 13px;
font-family: "fontastic";
color: #A71930;
font-weight: 300;
}
.content .house::after {
content: "d";
left: 2px;
top: 0;
}
.content .mail:after {
content: "m";
top: -2px;
}
.content .phone:after {
content: "h";
}
.content .house,
.content .phone,
.content .mail {
line-height: 22px;
padding: 0 0 0 22px;
position: relative;
}
input,
textaera {
outline: none;
}
.content > * > img,
.content > p > img,
.content > p > * > img {
max-width: 100%;
height: auto !important;
}
/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
*/
/* @group misc management elements */
.management_container {
font-family: "Raleway", Arial, Helvetica, sans-serif;
}
.management_container a.button {
background: #eff5f7 none;
border: 1px solid #c7dce2;
color: #005065;
}
.management_container a.button:hover {
background: #005065 none;
border: 1px solid #005065;
color: #fff;
}
#management.management_container select {
margin-top: 1px;
}
.message {
border: 1px solid #e9c1c5;
color: #AF1C2D;
background: #f8ecee none;
font-weight: 700;
padding: 8px 16px;
margin: 20px 0;
font-size: 16px;
}
.message p {
margin-bottom: 5px;
}
.message ul {
margin: 0;
}
#management fieldset.nopadding legend,
#management legend {
margin: 0;
}
.mod_action_history table {
width: 95% !important;
}
#management,
.management_container {
text-align: left !important;
}
#management a,
.management_container a {
text-decoration: none;
}
#management .select2-container,
.management_container .select2-container {
width: auto !important;
max-width: 600px;
min-width: 226px;
}
#management .select2-container:before,
.management_container .select2-container:before {
width: 25px;
height: 25px;
background: none;
border: none;
font-size: 16px;
line-height: 26px;
color: #666;
right: 0;
}
#management .select2-container.select2-container--default .select2-selection--single,
.management_container .select2-container.select2-container--default .select2-selection--single {
border-color: #aaa !important;
border-radius: 0;
height: 25px;
}
#management .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
.management_container .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 3px 20px 2px 3px;
background: #fff;
color: #666;
font: 13px/18px Helvetica, Verdana, Arial, sans-serif;
height: 23px;
box-sizing: border-box;
}
#management .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow,
.management_container .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 1px;
right: 0;
display: none;
}
#management .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow:before,
.management_container .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow:before {
font-size: 15px;
color: #666;
top: -7px;
left: 4px;
}
.system_page .select2-container--open .select2-dropdown,
.logged_in.system_page .select2-container--open .select2-dropdown {
border-color: #aaa;
background: #fff;
border-radius: 0;
}
.system_page .select2-results__option,
.logged_in.system_page .select2-results__option {
padding: 3px 3px 2px;
font: 13px/18px Helvetica, Verdana, Arial, sans-serif;
}
.system_page .select2-container--default .select2-results__option,
.logged_in.system_page .select2-container--default .select2-results__option {
background: #fff;
color: #666;
}
.system_page .select2-container--default .select2-results__option[aria-selected=true],
.logged_in.system_page .select2-container--default .select2-results__option[aria-selected=true] {
background: #eee;
}
.system_page .select2-container--default .select2-results__option--highlighted[aria-selected],
.system_page .select2-container--default .select2-results__option--highlighted,
.logged_in.system_page .select2-container--default .select2-results__option--highlighted[aria-selected],
.logged_in.system_page .select2-container--default .select2-results__option--highlighted {
background: #666;
color: #fff;
}
/* @group controls */
#knowledge_db_entries .knowledge_db_entry,
#knowledge_db_entries .listing_entry,
#mailform_elements .knowledge_db_entry,
#mailform_elements .listing_entry,
.portlet .knowledge_db_entry,
.portlet .listing_entry,
#mixItUp .knowledge_db_entry,
#mixItUp .listing_entry {
position: relative;
}
#knowledge_db_entries .options,
#knowledge_db_entries .category_actions,
#knowledge_db_entries .controls.edit_event,
#knowledge_db_entries .mailform_field_actions,
#knowledge_db_entries ul.controls,
#knowledge_db_entries .multipage_controls,
#knowledge_db_entries .listing_actions,
#mailform_elements .options,
#mailform_elements .category_actions,
#mailform_elements .controls.edit_event,
#mailform_elements .mailform_field_actions,
#mailform_elements ul.controls,
#mailform_elements .multipage_controls,
#mailform_elements .listing_actions,
.portlet .options,
.portlet .category_actions,
.portlet .controls.edit_event,
.portlet .mailform_field_actions,
.portlet ul.controls,
.portlet .multipage_controls,
.portlet .listing_actions,
#mixItUp .options,
#mixItUp .category_actions,
#mixItUp .controls.edit_event,
#mixItUp .mailform_field_actions,
#mixItUp ul.controls,
#mixItUp .multipage_controls,
#mixItUp .listing_actions {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 7px 7px 6px;
font-size: 16px;
line-height: 14px;
background: #eee !important;
z-index: 100;
}
#knowledge_db_entries .options .fa,
#knowledge_db_entries .category_actions .fa,
#knowledge_db_entries .controls.edit_event .fa,
#knowledge_db_entries .mailform_field_actions .fa,
#knowledge_db_entries ul.controls .fa,
#knowledge_db_entries .multipage_controls .fa,
#knowledge_db_entries .listing_actions .fa,
#mailform_elements .options .fa,
#mailform_elements .category_actions .fa,
#mailform_elements .controls.edit_event .fa,
#mailform_elements .mailform_field_actions .fa,
#mailform_elements ul.controls .fa,
#mailform_elements .multipage_controls .fa,
#mailform_elements .listing_actions .fa,
.portlet .options .fa,
.portlet .category_actions .fa,
.portlet .controls.edit_event .fa,
.portlet .mailform_field_actions .fa,
.portlet ul.controls .fa,
.portlet .multipage_controls .fa,
.portlet .listing_actions .fa,
#mixItUp .options .fa,
#mixItUp .category_actions .fa,
#mixItUp .controls.edit_event .fa,
#mixItUp .mailform_field_actions .fa,
#mixItUp ul.controls .fa,
#mixItUp .multipage_controls .fa,
#mixItUp .listing_actions .fa {
font-family: "Font Awesome 5 Pro";
font-weight: 900;
}
#knowledge_db_entries .options .fa.fa-edit:before,
#knowledge_db_entries .category_actions .fa.fa-edit:before,
#knowledge_db_entries .controls.edit_event .fa.fa-edit:before,
#knowledge_db_entries .mailform_field_actions .fa.fa-edit:before,
#knowledge_db_entries ul.controls .fa.fa-edit:before,
#knowledge_db_entries .multipage_controls .fa.fa-edit:before,
#knowledge_db_entries .listing_actions .fa.fa-edit:before,
#mailform_elements .options .fa.fa-edit:before,
#mailform_elements .category_actions .fa.fa-edit:before,
#mailform_elements .controls.edit_event .fa.fa-edit:before,
#mailform_elements .mailform_field_actions .fa.fa-edit:before,
#mailform_elements ul.controls .fa.fa-edit:before,
#mailform_elements .multipage_controls .fa.fa-edit:before,
#mailform_elements .listing_actions .fa.fa-edit:before,
.portlet .options .fa.fa-edit:before,
.portlet .category_actions .fa.fa-edit:before,
.portlet .controls.edit_event .fa.fa-edit:before,
.portlet .mailform_field_actions .fa.fa-edit:before,
.portlet ul.controls .fa.fa-edit:before,
.portlet .multipage_controls .fa.fa-edit:before,
.portlet .listing_actions .fa.fa-edit:before,
#mixItUp .options .fa.fa-edit:before,
#mixItUp .category_actions .fa.fa-edit:before,
#mixItUp .controls.edit_event .fa.fa-edit:before,
#mixItUp .mailform_field_actions .fa.fa-edit:before,
#mixItUp ul.controls .fa.fa-edit:before,
#mixItUp .multipage_controls .fa.fa-edit:before,
#mixItUp .listing_actions .fa.fa-edit:before {
content: "\f040";
}
#knowledge_db_entries .options li, #knowledge_db_entries .options a,
#knowledge_db_entries .category_actions li,
#knowledge_db_entries .category_actions a,
#knowledge_db_entries .controls.edit_event li,
#knowledge_db_entries .controls.edit_event a,
#knowledge_db_entries .mailform_field_actions li,
#knowledge_db_entries .mailform_field_actions a,
#knowledge_db_entries ul.controls li,
#knowledge_db_entries ul.controls a,
#knowledge_db_entries .multipage_controls li,
#knowledge_db_entries .multipage_controls a,
#knowledge_db_entries .listing_actions li,
#knowledge_db_entries .listing_actions a,
#mailform_elements .options li,
#mailform_elements .options a,
#mailform_elements .category_actions li,
#mailform_elements .category_actions a,
#mailform_elements .controls.edit_event li,
#mailform_elements .controls.edit_event a,
#mailform_elements .mailform_field_actions li,
#mailform_elements .mailform_field_actions a,
#mailform_elements ul.controls li,
#mailform_elements ul.controls a,
#mailform_elements .multipage_controls li,
#mailform_elements .multipage_controls a,
#mailform_elements .listing_actions li,
#mailform_elements .listing_actions a,
.portlet .options li,
.portlet .options a,
.portlet .category_actions li,
.portlet .category_actions a,
.portlet .controls.edit_event li,
.portlet .controls.edit_event a,
.portlet .mailform_field_actions li,
.portlet .mailform_field_actions a,
.portlet ul.controls li,
.portlet ul.controls a,
.portlet .multipage_controls li,
.portlet .multipage_controls a,
.portlet .listing_actions li,
.portlet .listing_actions a,
#mixItUp .options li,
#mixItUp .options a,
#mixItUp .category_actions li,
#mixItUp .category_actions a,
#mixItUp .controls.edit_event li,
#mixItUp .controls.edit_event a,
#mixItUp .mailform_field_actions li,
#mixItUp .mailform_field_actions a,
#mixItUp ul.controls li,
#mixItUp ul.controls a,
#mixItUp .multipage_controls li,
#mixItUp .multipage_controls a,
#mixItUp .listing_actions li,
#mixItUp .listing_actions a {
color: #A71930 !important;
width: auto;
padding: 1px 0 2px 0;
margin: 0;
line-height: 11px;
height: auto;
border: none !important;
background: none !important;
}
#knowledge_db_entries .options li i.fa, #knowledge_db_entries .options a i.fa,
#knowledge_db_entries .category_actions li i.fa,
#knowledge_db_entries .category_actions a i.fa,
#knowledge_db_entries .controls.edit_event li i.fa,
#knowledge_db_entries .controls.edit_event a i.fa,
#knowledge_db_entries .mailform_field_actions li i.fa,
#knowledge_db_entries .mailform_field_actions a i.fa,
#knowledge_db_entries ul.controls li i.fa,
#knowledge_db_entries ul.controls a i.fa,
#knowledge_db_entries .multipage_controls li i.fa,
#knowledge_db_entries .multipage_controls a i.fa,
#knowledge_db_entries .listing_actions li i.fa,
#knowledge_db_entries .listing_actions a i.fa,
#mailform_elements .options li i.fa,
#mailform_elements .options a i.fa,
#mailform_elements .category_actions li i.fa,
#mailform_elements .category_actions a i.fa,
#mailform_elements .controls.edit_event li i.fa,
#mailform_elements .controls.edit_event a i.fa,
#mailform_elements .mailform_field_actions li i.fa,
#mailform_elements .mailform_field_actions a i.fa,
#mailform_elements ul.controls li i.fa,
#mailform_elements ul.controls a i.fa,
#mailform_elements .multipage_controls li i.fa,
#mailform_elements .multipage_controls a i.fa,
#mailform_elements .listing_actions li i.fa,
#mailform_elements .listing_actions a i.fa,
.portlet .options li i.fa,
.portlet .options a i.fa,
.portlet .category_actions li i.fa,
.portlet .category_actions a i.fa,
.portlet .controls.edit_event li i.fa,
.portlet .controls.edit_event a i.fa,
.portlet .mailform_field_actions li i.fa,
.portlet .mailform_field_actions a i.fa,
.portlet ul.controls li i.fa,
.portlet ul.controls a i.fa,
.portlet .multipage_controls li i.fa,
.portlet .multipage_controls a i.fa,
.portlet .listing_actions li i.fa,
.portlet .listing_actions a i.fa,
#mixItUp .options li i.fa,
#mixItUp .options a i.fa,
#mixItUp .category_actions li i.fa,
#mixItUp .category_actions a i.fa,
#mixItUp .controls.edit_event li i.fa,
#mixItUp .controls.edit_event a i.fa,
#mixItUp .mailform_field_actions li i.fa,
#mixItUp .mailform_field_actions a i.fa,
#mixItUp ul.controls li i.fa,
#mixItUp ul.controls a i.fa,
#mixItUp .multipage_controls li i.fa,
#mixItUp .multipage_controls a i.fa,
#mixItUp .listing_actions li i.fa,
#mixItUp .listing_actions a i.fa {
margin: 0 5px;
color: #A71930;
}
#knowledge_db_entries .options li:hover, #knowledge_db_entries .options a:hover,
#knowledge_db_entries .category_actions li:hover,
#knowledge_db_entries .category_actions a:hover,
#knowledge_db_entries .controls.edit_event li:hover,
#knowledge_db_entries .controls.edit_event a:hover,
#knowledge_db_entries .mailform_field_actions li:hover,
#knowledge_db_entries .mailform_field_actions a:hover,
#knowledge_db_entries ul.controls li:hover,
#knowledge_db_entries ul.controls a:hover,
#knowledge_db_entries .multipage_controls li:hover,
#knowledge_db_entries .multipage_controls a:hover,
#knowledge_db_entries .listing_actions li:hover,
#knowledge_db_entries .listing_actions a:hover,
#mailform_elements .options li:hover,
#mailform_elements .options a:hover,
#mailform_elements .category_actions li:hover,
#mailform_elements .category_actions a:hover,
#mailform_elements .controls.edit_event li:hover,
#mailform_elements .controls.edit_event a:hover,
#mailform_elements .mailform_field_actions li:hover,
#mailform_elements .mailform_field_actions a:hover,
#mailform_elements ul.controls li:hover,
#mailform_elements ul.controls a:hover,
#mailform_elements .multipage_controls li:hover,
#mailform_elements .multipage_controls a:hover,
#mailform_elements .listing_actions li:hover,
#mailform_elements .listing_actions a:hover,
.portlet .options li:hover,
.portlet .options a:hover,
.portlet .category_actions li:hover,
.portlet .category_actions a:hover,
.portlet .controls.edit_event li:hover,
.portlet .controls.edit_event a:hover,
.portlet .mailform_field_actions li:hover,
.portlet .mailform_field_actions a:hover,
.portlet ul.controls li:hover,
.portlet ul.controls a:hover,
.portlet .multipage_controls li:hover,
.portlet .multipage_controls a:hover,
.portlet .listing_actions li:hover,
.portlet .listing_actions a:hover,
#mixItUp .options li:hover,
#mixItUp .options a:hover,
#mixItUp .category_actions li:hover,
#mixItUp .category_actions a:hover,
#mixItUp .controls.edit_event li:hover,
#mixItUp .controls.edit_event a:hover,
#mixItUp .mailform_field_actions li:hover,
#mixItUp .mailform_field_actions a:hover,
#mixItUp ul.controls li:hover,
#mixItUp ul.controls a:hover,
#mixItUp .multipage_controls li:hover,
#mixItUp .multipage_controls a:hover,
#mixItUp .listing_actions li:hover,
#mixItUp .listing_actions a:hover {
color: #000 !important;
}
#knowledge_db_entries .options li:hover i.fa, #knowledge_db_entries .options a:hover i.fa,
#knowledge_db_entries .category_actions li:hover i.fa,
#knowledge_db_entries .category_actions a:hover i.fa,
#knowledge_db_entries .controls.edit_event li:hover i.fa,
#knowledge_db_entries .controls.edit_event a:hover i.fa,
#knowledge_db_entries .mailform_field_actions li:hover i.fa,
#knowledge_db_entries .mailform_field_actions a:hover i.fa,
#knowledge_db_entries ul.controls li:hover i.fa,
#knowledge_db_entries ul.controls a:hover i.fa,
#knowledge_db_entries .multipage_controls li:hover i.fa,
#knowledge_db_entries .multipage_controls a:hover i.fa,
#knowledge_db_entries .listing_actions li:hover i.fa,
#knowledge_db_entries .listing_actions a:hover i.fa,
#mailform_elements .options li:hover i.fa,
#mailform_elements .options a:hover i.fa,
#mailform_elements .category_actions li:hover i.fa,
#mailform_elements .category_actions a:hover i.fa,
#mailform_elements .controls.edit_event li:hover i.fa,
#mailform_elements .controls.edit_event a:hover i.fa,
#mailform_elements .mailform_field_actions li:hover i.fa,
#mailform_elements .mailform_field_actions a:hover i.fa,
#mailform_elements ul.controls li:hover i.fa,
#mailform_elements ul.controls a:hover i.fa,
#mailform_elements .multipage_controls li:hover i.fa,
#mailform_elements .multipage_controls a:hover i.fa,
#mailform_elements .listing_actions li:hover i.fa,
#mailform_elements .listing_actions a:hover i.fa,
.portlet .options li:hover i.fa,
.portlet .options a:hover i.fa,
.portlet .category_actions li:hover i.fa,
.portlet .category_actions a:hover i.fa,
.portlet .controls.edit_event li:hover i.fa,
.portlet .controls.edit_event a:hover i.fa,
.portlet .mailform_field_actions li:hover i.fa,
.portlet .mailform_field_actions a:hover i.fa,
.portlet ul.controls li:hover i.fa,
.portlet ul.controls a:hover i.fa,
.portlet .multipage_controls li:hover i.fa,
.portlet .multipage_controls a:hover i.fa,
.portlet .listing_actions li:hover i.fa,
.portlet .listing_actions a:hover i.fa,
#mixItUp .options li:hover i.fa,
#mixItUp .options a:hover i.fa,
#mixItUp .category_actions li:hover i.fa,
#mixItUp .category_actions a:hover i.fa,
#mixItUp .controls.edit_event li:hover i.fa,
#mixItUp .controls.edit_event a:hover i.fa,
#mixItUp .mailform_field_actions li:hover i.fa,
#mixItUp .mailform_field_actions a:hover i.fa,
#mixItUp ul.controls li:hover i.fa,
#mixItUp ul.controls a:hover i.fa,
#mixItUp .multipage_controls li:hover i.fa,
#mixItUp .multipage_controls a:hover i.fa,
#mixItUp .listing_actions li:hover i.fa,
#mixItUp .listing_actions a:hover i.fa {
color: #000;
}
/* @end */
/* @end */
/* @group adminpanel */
#administration_panel {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
font-size: 13px;
}
#administration_panel h1 {
background-color: #AF1C2D;
color: #FFF;
padding: 5px 10px;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
}
#administration_panel h1:after {
display: none;
}
#administration_panel h1:hover {
background: #7F1010 none;
}
#administration_panel h2 {
background-color: #f8ecee;
color: #AF1C2D;
padding: 5px 10px;
font-size: 14px;
}
#administration_panel .admin_part {
background: #fff none;
padding: 10px;
}
.state-published {
color: #AF1C2D;
}
/* @end */
/* @group pagination */
.pagination {
margin: 30px 0 27px 0;
}
.pagination .pagination-links .inactive {
display: none;
}
.pagination .pagination-numbers a,
.pagination .pagination-numbers > span,
.pagination .pagination-links a {
display: block;
line-height: 30px;
padding: 2px 12px;
text-decoration: none;
color: #A71930;
background: #fff;
font-size: 16px;
border: 1px solid #A71930;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.pagination .pagination-numbers > span {
border-color: #eee;
}
.pagination .pagination-links a {
font-size: 14px;
}
.pagination .pagination-numbers a:hover,
.pagination .pagination-links a:hover,
.pagination a.current {
color: #fff;
background: #A71930;
}
.pagination .pagination-numbers a,
.pagination .pagination-numbers > span {
margin-right: 7px;
}
.pagination .pagination-links a {
margin-left: 7px;
}
/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
*/
/* @group main styles portlets */
.portlet {
background: none;
margin: 0;
padding: 0;
position: relative;
}
.portlet .picture {
margin: 0 0 10px 0;
width: auto;
min-width: 100%;
height: auto;
}
.portlet .picture img {
width: 100%;
height: auto;
}
.portlet .videos h2 {
display: none;
}
.portlet_content_description > *:last-child,
.portlet_content_description > *:last-child > *:last-child,
.portlet_content_description > *:last-child > *:last-child > *:last-child {
margin-bottom: 0;
}
.add_portlet p label {
padding: 0 0 5px 0 !important;
}
a.portlet_content_link,
a.portlet-listing-more,
a.portlet_listing_link {
font-weight: 600;
display: block;
margin: 10px 0 0 0;
padding: 0;
}
.portlet ul.controls {
position: absolute;
right: 0;
top: 5px;
z-index: 5;
}
form.add_portlet input.add_portlet_action,
.portlets a.add_portlet_link.button {
font: 400 14px/22px "Raleway", Arial, Helvetica, sans-serif;
color: #AF1C2D;
border: 1px solid #AF1C2D;
background: none;
padding: 10px 20px;
display: inline-block;
margin: 0 0 20px;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
form.add_portlet input.add_portlet_action {
padding: 5px 10px;
margin: 0 15px 0 0;
}
form.add_portlet input.add_portlet_action:hover,
.portlets a.add_portlet_link.button:hover {
background: #AF1C2D;
color: #fff;
}
.portlet.no_title h3.portlet-title {
display: none;
}
/* @end */
/* @group portlets home */
#home_portlets {
background: #f6f6f6;
position: relative;
}
.portlets_home {
max-width: 1220px;
margin: 0 auto;
padding: 0 20px;
}
.portlets_home span {
box-shadow: none !important;
}
.portlets_home .special_portlet ul.controls a {
color: #fff;
}
.portlets_home .special_portlet,
.portlets_home .portlet {
width: 25%;
margin: 0;
padding: 22px 15px 38px 20px;
box-sizing: border-box;
float: left;
border-left: 1px solid #efefef;
min-height: 100%;
}
#portlets_home {
display: flex;
}
#portlets_home .special_portlet {
flex: 0 0 23%;
max-width: 23%;
}
#portlets_home .portlets_inner_wrap {
display: flex;
flex-flow: wrap;
}
#portlets_home .portlets_inner_wrap .portlet {
flex: 0 0 25%;
max-width: 25%;
min-height: 0 !important;
}
.mod_knowledge_db.mod_action_show_entry .portlets_home .special_portlet {
width: 280px;
}
.portlets_home .portlet_index_1 {
border: 0;
}
.portlets_home .special_portlet {
border: 0;
margin: -84px 0 0 0;
padding: 25px 20px 50px 20px;
min-height: 385px;
background: #af1c2d;
border-radius: 0 25px 0 0;
color: #fff;
position: relative;
}
.no_slider .portlets_home .special_portlet {
margin-top: 50px;
}
.portlets_home .portlet .picture {
margin: 0 0 12px 0;
}
.portlets_home .special_portlet .portlet_content_description {
margin: 0 0 1px 0;
}
.portlets_home .special_portlet .portlet-content a {
color: #fff;
}
.portlets_home .special_portlet .portlet-content a:hover {
color: #313131;
}
.portlets_home .special_portlet .portlet-content a i {
display: none;
}
.portlets_home .special_portlet .portlet_content_link {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 8px 39px 8px 20px;
background: #333;
font-weight: 600;
color: #fff;
text-decoration: none;
text-transform: none;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.portlets_home .special_portlet .portlet-content .portlet_content_link:hover {
background: #5f0000;
color: #fff;
}
.portlets_home .special_portlet .portlet_content_link:after {
content: "n";
font-family: "fontastic";
font-size: 13px;
font-weight: 300;
position: absolute;
right: 13px;
top: 11px;
}
.portlets_home .portlet h3.portlet-title,
.portlets_home .portlet h3.portlet-title a {
color: #313131;
font-size: 16px;
line-height: 18px;
font-weight: 700;
}
.portlets_home .portlet h3.portlet-title {
position: relative;
padding: 0 0 13px 0;
margin: 0 0 17px 0;
}
.portlets_home .special_portlet h3.portlet-title a,
.portlets_home .special_portlet h3.portlet-title {
color: #fff;
font-weight: 300;
font-size: 18px;
line-height: 26px;
margin: 0 0 13px 0;
padding: 0;
text-transform: uppercase;
word-wrap: break-word;
}
.portlets_home .special_portlet h3.portlet-title a {
font-size: inherit;
}
.portlets_home .portlet h3.portlet-title:after {
content: "";
width: 133px;
height: 2px;
background: #af1c2d;
position: absolute;
bottom: 0;
left: 0;
}
.special_portlet .documents {
margin: 20px 0 0;
padding: 20px 0 0;
border-top: 1px solid #fff;
}
.special_portlet .documents:first-child {
margin: 0;
padding: 0;
border: 0;
}
.special_portlet .documents .document {
background: none !important;
padding: 0;
}
.special_portlet .documents .document ~ .document {
margin-top: 7px;
}
.special_portlet .documents a {
color: #fff;
text-decoration: none;
position: relative;
display: block;
padding: 0 0 0 32px;
}
.special_portlet .documents a:hover {
text-decoration: underline;
}
.special_portlet .documents a:before {
content: "g";
position: absolute;
left: 0;
top: 0;
font: 22px/20px "fontastic";
}
/* @end */
/* @group portlets bottom */
.portlets_bottom_home_wrap {
padding: 13px 0 0 0;
}
.portlets_bottom {
padding: 60px 0 60px;
margin: 0 -20px -6px;
overflow: hidden;
}
.portlets_bottom .portlet {
width: 33.33%;
float: left;
box-sizing: border-box;
padding: 0 20px;
margin: 0 0 0 0;
}
.portlets_bottom .portlet:nth-child(3) ~ .portlet {
margin-top: 20px;
}
.portlets_knowledge_db_wrap .portlets_bottom {
margin: 0 -15px -6px;
}
.portlets_knowledge_db_wrap .portlets_bottom .portlet {
padding: 0 15px;
width: 25%;
}
.portlets_knowledge_db_wrap .portlets_bottom .portlet:nth-child(3) ~ .portlet {
margin-top: 0;
}
.portlets_knowledge_db_wrap .portlets_bottom .portlet:nth-child(4) ~ .portlet {
margin-top: 20px;
}
.portlets_knowledge_db_wrap #portlets_knowledge_db h2 {
margin-left: 15px;
margin-bottom: 25px;
}
.portlets_bottom .portlet .resource_container {
padding: 5px 0 0 0;
}
.portlets_bottom .portlet .resource_container.videos {
padding: 3px 0 0;
}
.portlets_bottom .portlet .picture {
margin: 0 0 20px 0;
}
.portlets_knowledge_db h2,
div#portlet_partner h2,
.portlets_bottom .portlet .portlet-title,
.portlets_bottom .portlet .portlet-title a {
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #313131;
position: relative;
padding: 0 0 14px 0;
margin: 0 0 18px 0;
letter-spacing: 0.7px;
}
div#portlet_partner h2 {
margin: 0 0 21px 0;
}
.portlets_knowledge_db h2:after,
div#portlet_partner h2:after,
.portlets_bottom .portlet .portlet-title:after {
content: "";
width: 150px;
height: 2px;
background: #af1c2d;
position: absolute;
bottom: 0;
left: 0;
}
div#portlet_partner h2:after {
width: 133px;
}
.portlets_bottom .portlet .portlet-title.hide,
.portlets_bottom .portlet .portlet-title.hide:after {
display: none;
}
.portlets_bottom .portlet .portlet_content_link,
.portlets_bottom .portlet .portlet-listing-more,
.portlets_bottom .portlet .portlet_listing_link {
color: #af1c2d;
font-weight: 600;
text-decoration: none;
position: relative;
display: inline-block;
padding: 0 25px 0 0;
margin: 0;
}
.portlets_bottom .portlet .portlet_content_link:after,
.portlets_bottom .portlet .portlet-listing-more:after,
.portlets_bottom .portlet .portlet_listing_link:after {
content: "n";
position: absolute;
right: 0;
top: 2px;
font-family: "fontastic";
font-size: 13px;
font-weight: normal;
}
.portlets_bottom .portlet .portlet_content_link:hover,
.portlets_bottom .portlet .portlet-listing-more:hover,
.portlets_bottom .portlet .portlet_listing_link:hover {
color: #333;
}
.portlets_bottom .portlet .portlet_listing_link {
margin-top: 20px;
}
.portlets_bottom a.add_portlet_link.button {
margin: 0 0 0 20px;
}
.portlets_bottom .portlet ul.controls {
right: 20px;
top: 0;
background: #fff;
background: rgba(255, 255, 255, 0.7);
padding: 7px 0 5px 7px;
}
.portlets_bottom .portlet ul.controls li {
margin: 0;
}
.portlets_bottom .portlet .video {
margin: 0 0 20px;
}
.portlets_bottom .portlet .video-js {
height: 0 !important;
padding: 0 0 56%;
width: 100% !important;
}
#portlets_bottom iframe {
width: 100% !important;
}
/* @end */
/* @group portlets footer */
.footer_content .portlet {
width: 25%;
float: left;
color: #b9b9b9;
font-size: 13px;
line-height: 18px;
font-weight: 300;
margin: 0;
padding: 0 25px;
box-sizing: border-box;
border-right: 1px solid #484848;
}
.footer_content .portlet_quicklinks {
width: 100% !important;
padding: 0 !important;
border: 0px !important;
margin: 0px !important;
}
.footer_content .portlet .fa {
color: #b9b9b9;
}
.footer_content .portlet h3.portlet-title,
.footer_content .portlet h3.portlet-title a {
color: #fff;
font-weight: 700;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 0.7px;
}
.footer_content .portlet h3.portlet-title {
position: relative;
padding: 0 0 15px 0;
margin: -3px 0 14px 0;
}
.footer_content .portlet:first-child .resource_container {
position: relative;
padding: 0 0 7px 0;
margin: -40px 0 14px 0;
}
.footer_content .portlet h3.portlet-title:after,
.footer_content .portlet .resource_container:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 133px;
height: 2px;
background: #af1c2d;
}
.footer_content .portlet:first-child .picture img {
width: 216px;
height: auto;
}
.footer_content .portlet .portlet_content_link {
color: #b9b9b9;
text-decoration: none;
font-weight: 600;
margin: 23px 0 0 0;
padding: 0 18px 0 0;
position: relative;
display: inline-block;
}
.footer_content .portlet .house:after,
.footer_content .portlet .phone:after,
.footer_content .portlet .mail:after,
.footer_content .portlet .portlet_content_link:after {
content: "n";
position: absolute;
right: 0;
top: 1px;
font-size: 11px;
font-family: "fontastic";
color: #b9b9b9;
font-weight: 300;
}
.footer_content .portlet .house:after,
.footer_content .portlet .phone:after,
.footer_content .portlet .mail:after {
right: auto;
left: 0;
top: -3px;
}
.footer_content .portlet .house::after {
content: "d";
font-size: 13px;
left: 2px;
top: 0;
}
.footer_content .portlet .mail:after {
content: "m";
font-size: 12px;
top: -4px;
}
.footer_content .portlet .phone:after {
content: "h";
font-size: 13px;
}
.footer_content .portlet .house,
.footer_content .portlet .phone,
.footer_content .portlet .mail {
line-height: 22px;
padding: 0 0 0 22px;
position: relative;
}
.footer_content .portlet .house {
line-height: 18px;
}
.footer_content .portlet p {
margin: 0 0 16px 0;
}
.footer_content .portlet .mail:hover:after,
.footer_content .portlet .portlet_content_link:hover,
.footer_content .portlet .portlet_content_link:hover:after {
color: #fff;
}
.footer_content .portlet p:last-child {
margin: 0;
}
.footer_content .portlet_content_description a {
color: #b9b9b9;
text-decoration: none;
}
.footer_content .portlet_content_description a:hover {
color: #fff;
}
/* @end */
/* @group portlet live search */
.search_wrap {
float: right;
height: 52px;
margin: 60px 0 0;
position: relative;
z-index: 10;
}
.search_wrap .portlet_inner {
position: relative;
}
.search_wrap .portlet-title {
font-size: 0;
width: 40px;
height: 40px;
display: block;
float: right;
position: relative;
}
.search_wrap .portlet-title:before {
content: "s";
position: absolute;
bottom: 11px;
right: -1px;
color: #adadad;
font-size: 20px;
font-family: "fontastic";
text-transform: lowercase;
pointer-events: none;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.search_wrap:hover .portlet-title:before {
color: #a71930;
}
.search_wrap .portlet-content {
position: absolute;
top: 52px;
right: 0;
width: 202px;
background: #a71930;
z-index: 20;
text-align: right;
padding: 10px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.search_wrap:hover .portlet-content {
visibility: visible;
opacity: 1;
}
.search_wrap .portlet-content input {
background: #811022;
border: 0;
padding: 0 10px;
border-radius: 7px 0 0 7px;
height: 40px;
width: 140px;
color: #fff;
font-weight: 400;
font-size: 14px;
line-height: 14px;
outline: 0;
}
.search_wrap .portlet-content input::-webkit-input-placeholder {
opacity: 1;
color: #e5c9cc;
}
.search_wrap .portlet-content input.search_button {
width: 40px;
margin: 0 0 0 -4px;
border-radius: 0 7px 7px 0;
color: transparent;
cursor: pointer;
}
.search_wrap .portlet-content input.search_button + span.icon {
position: absolute;
right: 20px;
top: 19px;
font-family: "fontastic";
font-size: 16px;
color: #b26d78;
pointer-events: none;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.search_wrap .portlet-content input.search_button:hover + span.icon {
color: #fff;
}
.search_wrap .controls {
display: none;
}
/* ----- Search Results ---- */
.live_search_results {
background: #fff;
left: 0;
padding: 11px;
text-align: left;
top: 60px;
width: 198px;
border: 1px solid #dddee0;
border-top: 0;
}
.live_search_results .resource_container {
width: 100%;
margin: 0 0 5px 0;
}
.live_search_results .search_item_wrap {
border-bottom: 1px solid #ddd;
margin: 0 0 15px;
padding: 0 0 15px;
}
.live_search_results .search_item_wrap:last-child {
border: 0;
padding: 0;
margin: 0;
}
.live_search_results .search_item {
text-decoration: none;
}
.live_search_results .search_item .search_item_introduction,
.search_item .search_item_details {
display: none;
}
.live_search_results .search_item h2 {
font-size: 17px;
margin: 0 0 5px;
word-wrap: break-word;
}
/* ---- Search Results Content --- */
.content .search_item {
text-decoration: none;
color: #7e7e7e;
overflow: hidden;
}
.content .search_item_wrap .resource_container {
float: left;
margin: 0 50px 0 0;
width: 450px;
}
.content .search_item .search_item_introduction {
font-weight: 600;
margin: 0 0 10px 0;
color: #444;
}
.content .search .search_item_wrap {
padding: 0 0 60px 0;
}
.content .search .search_item_wrap:last-child {
padding: 0;
}
/* @end */
/* @group portlet partner */
div#portlet_partner {
padding: 60px 0 45px;
position: relative;
}
div#portlet_partner ul.controls {
top: 0;
right: 0;
background: none transparent;
z-index: 500;
}
div#portlet_partner ul.controls li .fa {
font-size: 17px;
}
div#portlet_partner_slider {
overflow: hidden;
position: relative;
margin: 0;
}
div#portlet_partner_track {
overflow: hidden;
position: relative;
}
div.portlet_partner_slide {
float: left;
width: 100%;
position: relative;
text-align: center;
}
div.partner_logo {
width: 12.5%;
padding: 0 0;
box-sizing: border-box;
text-align: center;
display: inline-block;
border: 1px solid #efefef;
border-left: 0;
height: 139px;
line-height: 139px;
overflow: hidden;
vertical-align: middle;
}
div.partner_logo:first-child {
border-left: 1px solid #efefef;
}
div.mobile div.partner_logo {
width: 50%;
}
div.mobile div.partner_logo img {
width: 60%;
height: auto;
}
div.portlet_partner_swipe_control {
position: absolute;
height: 31px;
width: 16px;
left: -77px;
top: 50%;
margin-top: -15px;
display: none;
}
div.portlet_partner_swipe_control.portlet_partner_next_wrap {
left: auto;
right: -77px;
}
div.partner_logo img {
display: inline;
vertical-align: middle;
margin: 0;
height: auto;
width: 100%;
}
div.partner_logo a {
display: block;
height: 139px;
line-height: 139px !important;
}
div.partner_logo a.grayscale img,
div.partner_logo a.grayscale .img_wrapper,
div.partner_logo a.grayscale {
max-width: 100%;
font-size: 0;
line-height: 0;
}
div.partner_logo a.grayscale .img_wrapper img {
max-width: 12.3%;
}
div.partner_logo a.grayscale > img {
max-width: 100%;
}
.grayscale img {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
/* Webkit Nightlies & Google Chrome Canary */
-webkit-transition: all 0.6s ease;
/* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden;
/* Fix for transition flickering */
filter: grayscale(100%);
filter: gray;
/* IE8-9 */
}
.grayscale img:hover {
filter: none;
/* Applies to FF + IE */
-webkit-filter: grayscale(0);
filter: grayscale(0%);
filter: none;
}
div.partner_logo img {
opacity: 1;
max-width: 100%;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
div.partner_logo:hover img,
div.partner_logo a:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
opacity: 1;
}
/* ---------- Portlet listing ---------- */
.content .portlet_listing h2 {
margin: 0 0 4px;
padding: 0;
font-size: 14px;
line-height: 22px;
font-weight: bold;
text-transform: none;
}
.content .portlet_listing h2 a {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
text-transform: inherit;
pointer-events: none;
letter-spacing: 0;
}
.content .portlet_listing h2:after {
display: none;
}
.content .portlet_listing p {
margin: 0;
}
.portlets_bottom .portlet .portlet-listing-more {
display: none;
}
.portlets_knowledge_db_wrap {
background: #f6f6f6;
position: relative;
}
.portlets_knowledge_db_wrap:before {
content: "";
width: 5000px;
left: -2000px;
background: #f6f6f6;
top: 0;
display: block;
position: absolute;
height: 100%;
}
.portlets_knowledge_db_wrap .portlets_bottom {
position: relative;
}
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
*/
/* @group listing/overview */
#mixItUp {
margin: -3px 0 0;
}
.listing_entry .pictures :nth-last-child(2),
.overview_item .pictures :nth-last-child(2) {
margin-bottom: 0;
}
.listing_entry,
.overview_item {
margin: 54px 0 0 0;
padding: 0;
position: relative;
}
.listing_index_0,
.overview_item_0 {
margin: 0;
padding: 0;
border: none;
}
.listing_entry .listing-date {
font-weight: 700;
}
.listing_entry .listing-content,
.overview_item .content {
overflow: auto;
}
.overview_item .content {
padding: 0;
}
.overview_item .content .introduction:empty {
display: none;
}
.listing_entry .resource_container,
.overview_item .resource_container {
float: left;
width: 47.5%;
max-width: 532px;
margin: 4px 55px 25px 0;
}
.listing_entry:nth-child(even) .resource_container,
.overview_item:nth-child(even) .resource_container {
float: right;
margin: 4px 0 25px 55px;
}
.overview_item .resource_container .picture img,
.listing_entry .resource_container .picture img,
.overview_item .resource_container .picture,
.listing_entry .resource_container .picture {
width: 100%;
height: auto;
}
.listing_inner_content {
overflow: hidden;
}
.listing_entry h2,
.overview_item h2,
.listing_entry h2 a,
.overview_item h2 a {
font-size: 16px;
line-height: 20px;
color: #313131;
font-weight: 600;
position: relative;
padding: 0 0 14px 0;
margin: 0 0 18px 0;
letter-spacing: 0.7px;
}
.overview_item h2:after,
.listing_entry h2:after {
content: "";
width: 150px;
height: 2px;
background: #af1c2d;
position: absolute;
bottom: 0;
left: 0;
}
.listing_entry .listing_actions {
position: absolute;
right: 0;
top: 4px;
background: #fff;
background: rgba(255, 255, 255, 0.7);
z-index: 5;
padding: 10px 10px 5px 10px;
}
.listing_entry_backlink a,
.listing-more-button {
color: #af1c2d;
font-weight: 600;
text-decoration: none;
position: relative;
display: inline-block;
padding: 0 25px 20px 0;
margin: 0;
}
.listing_entry_backlink a {
padding: 0 0 0 25px;
margin: 10px 0 20px 0;
}
.listing_entry_backlink a:after,
.listing-more-button:after {
content: "n";
position: absolute;
right: 0;
top: 1px;
font-family: "fontastic";
font-size: 13px;
font-weight: normal;
}
.listing_entry_backlink a:after {
content: "p";
right: auto;
left: 0;
top: 0;
}
.listing_entry_backlink a:hover,
.listing-more-button:hover {
color: #333;
}
.overview_item .introduction {
margin: 0 0 5px;
}
/* @end */
/* @group google maps */
.content #map-canvas {
height: 0;
padding: 0 0 35.5%;
margin: 35px 0 47px;
border: 1px solid #eaeaea;
}
.gmap-map {
margin-bottom: 20px;
}
div.infowindow h2 {
font-size: 18px;
font-weight: 400;
margin: 0 0 5px 0;
line-height: 22px;
}
div.infowindow p {
margin-bottom: 0;
}
/* @end */
/* @group mailform/login-form */
#module_mailform {
overflow: hidden;
margin: 0 -80px 0 0;
}
#module_mailform .management {
margin: 0 80px 0 0;
}
#module_mailform table th,
#module_mailform table td {
padding: 10px 8px;
}
#mailform_elements {
padding-top: 3px;
}
#module_mailform > form,
#mailform_content {
float: left;
width: 50%;
padding: 0 80px 0 0;
box-sizing: border-box;
}
#module_mailform > form {
float: right;
}
#module_mailform .management form {
float: none;
clear: both;
width: 100%;
padding: 10px;
}
.mailform_element {
position: relative;
}
.mailform_element .icon {
position: absolute;
right: 12px;
top: 8px;
font-family: "fontastic";
font-size: 16px;
color: #d6d6d6;
font-weight: normal;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mailform_element.email_field .icon {
top: 6px;
}
.mailform_element input:focus + .icon,
.mailform_element input:hover + .icon {
color: #af1c2d;
}
.mailform_element.checkbox_field .icon {
display: none;
}
.mailform_element label,
#mailform_submit_button label,
.login_form label {
float: left;
width: 200px;
padding-top: 6px;
margin: 0 0 5px 0;
display: none;
}
.mailform_element.checkbox_field input {
width: auto !important;
margin-bottom: 20px;
width: 20px !important;
float: left;
margin-top: 5px;
}
.mailform_element.checkbox_field p {
margin-bottom: 20px;
}
.mailform_element.checkbox_field label {
display: block !important;
padding: 0;
padding-right: 20px;
width: auto;
overflow: hidden;
float: none;
}
.mailform_element.checkbox_field a {
margin-top: -6px;
}
form.add_portlet select,
.knowledge_db_filter input,
.knowledge_db_filter select,
.mailform_element input,
.mailform_element textarea,
.login_form input {
width: 100%;
background-color: #fff;
border: 1px solid #adadad;
-webkit-border-radius: 0;
font: 400 13px/18px "Raleway", Arial, Helvetica, sans-serif;
color: #bababa;
padding: 10px 19px;
outline: none;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
form.add_portlet select:hover,
.mailform_element input:hover,
.mailform_element textarea:hover,
.login_form input:hover {
border-color: #c37e86;
color: #af1c2d;
}
form.add_portlet select:focus,
.mailform_element input:focus,
.mailform_element textarea:focus,
.login_form input:focus {
border-color: #c37e86;
color: #af1c2d;
background: #f8ecee;
}
.mailform_element textarea {
height: 89px;
}
#mailform_submit_button {
margin-top: -2px;
}
.mailform-submit,
.login_form .button {
font: 600 14px/18px "Raleway", Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 9px 12px;
color: white;
-webkit-border-radius: 0;
background-color: #af1c2d;
border: 1px solid #af1c2d;
outline: none;
cursor: pointer;
width: 100%;
display: block;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mailform-submit:hover,
.mailform-submit:focus,
.login_form .button:hover,
.login_form .button:focus {
background-color: #7f1010;
border-color: #7f1010;
color: #fff;
}
.mailform_error label {
color: #af1c2d;
}
.login_form p,
.mailform_element p {
margin: 0 0 10px 0;
}
.mailform_element textarea::-webkit-input-placeholder,
.mailform_element input::-webkit-input-placeholder {
color: #bababa;
opacity: 1;
}
.mailform_element textarea:-moz-placeholder,
.mailform_element input:-moz-placeholder {
color: #bababa;
opacity: 1;
}
.mailform_element textarea::-moz-placeholder,
.mailform_element input::-moz-placeholder {
color: #bababa;
opacity: 1;
}
.mailform_element textarea:-ms-input-placeholder,
.mailform_element input:-ms-input-placeholder {
color: #bababa;
opacity: 1;
}
.mailform_element textarea:focus::-webkit-input-placeholder,
.mailform_element input:focus::-webkit-input-placeholder,
.mailform_element textarea:hover::-webkit-input-placeholder,
.mailform_element input:hover::-webkit-input-placeholder {
color: #af1c2d;
}
.mailform_element textarea:focus:-moz-placeholder,
.mailform_element input:focus:-moz-placeholder,
.mailform_element textarea:hover:-moz-placeholder,
.mailform_element input:hover:-moz-placeholder {
color: #af1c2d;
}
.mailform_element textarea:focus::-moz-placeholder,
.mailform_element input:focus::-moz-placeholder,
.mailform_element textarea:hover::-moz-placeholder,
.mailform_element input:hover::-moz-placeholder {
color: #af1c2d;
}
.mailform_element textarea:focus:-ms-input-placeholder,
.mailform_element input:focus:-ms-input-placeholder,
.mailform_element textarea:hover:-ms-input-placeholder,
.mailform_element input:hover:-ms-input-placeholder {
color: #af1c2d;
}
div.custom_select_filter_18,
div.custom_select_filter_19 {
display: none !important;
}
/* ----- Checkboxes ---- */
.mailform_element.checkbox_field {
position: relative;
}
.mailform_element.checkbox_field p {
width: 100%;
margin: 0 0 15px;
float: right;
position: relative;
}
.mailform_element.checkbox_field input {
width: 20px;
height: 20px;
float: left;
margin: 1px 12px 0 0;
opacity: 0;
position: relative;
cursor: pointer;
z-index: 10;
}
.mailform_element.checkbox_field label {
width: auto;
float: none;
overflow: hidden;
cursor: pointer;
display: block;
padding: 0;
}
.mailform_element.checkbox_field label:after,
.mailform_element.checkbox_field label:before {
content: "\f0c8";
position: absolute;
top: 0;
left: 1px;
width: 20px;
height: 20px;
font-size: 20px;
line-height: 20px;
pointer-events: none;
color: #adadad;
font-family: "Font Awesome 5 Pro";
font-weight: 400;
z-index: 2;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mailform_element.checkbox_field label:after {
content: "\f14a";
opacity: 0;
visibility: hidden;
font-weight: 700;
color: #af1c2d;
z-index: 4;
}
.mailform_element.checkbox_field input:checked + label:before {
color: #af1c2d;
}
.mailform_element.checkbox_field input:checked + label:after {
opacity: 1;
visibility: visible;
}
/* --- radio button --- */
.mailform_element.radio_field p {
display: none;
}
.mailform_element.radio_field .multiple_radio_inputs {
margin: 0;
}
.mailform_element.radio_field .nofloat {
position: relative;
display: inline-block;
width: 50% !important;
margin: 0 -4px 0 0;
padding: 0;
}
.mailform_element.radio_field input {
float: left;
width: 17px;
height: 17px;
margin: 2px 10px 0 0;
opacity: 0;
}
.mailform_element.radio_field .icon {
display: none;
}
.mailform_element.radio_field span.radio_label {
display: block;
width: auto;
float: none;
overflow: hidden;
cursor: pointer;
margin: 0;
padding: 0;
}
.mailform_element.radio_field span.radio_label:after,
.mailform_element.radio_field span.radio_label:before {
content: "";
display: block;
position: absolute;
top: 2px;
left: 0;
width: 17px;
height: 17px;
pointer-events: none;
border: 1px solid #adadad;
border-radius: 100%;
z-index: 2;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mailform_element.radio_field span.radio_label:after {
top: 5px;
left: 3px;
width: 11px;
height: 11px;
opacity: 0;
visibility: hidden;
font-weight: 700;
border-color: #af1c2d;
background: #af1c2d;
z-index: 4;
}
.mailform_element.radio_field input:checked ~ span.radio_label:after {
opacity: 1;
visibility: visible;
}
/* ----- Login Form ---- */
.login_form label {
display: block;
}
.login_form input {
width: 300px;
}
.login_form .button {
width: auto;
}
form.add_portlet select {
width: 200px;
}
/* @end */
/* ---------- Knowledge DB ---------- */
.knowledge_db_content_wrap {
max-width: 1260px;
margin: 0 auto;
}
.knowledge_db_filter select,
.knowledge_db_filter input {
width: auto;
}
div.knowledge_db_entries {
padding: 0 0 20px;
margin: 55px 0 0 -17px;
}
div.knowledge_db_filter,
.knowledge_db_entries {
position: relative;
padding: 0;
margin: 0;
}
div.knowledge_db_filter {
margin: 0;
padding: 0;
background: none;
}
.knowledge_db_filter .category_checkbox,
#knowledge_db_entries div.filter_data div.custom_select_filter p {
cursor: pointer;
padding: 0;
}
.knowledge_db_filter .category_checkbox {
padding: 0 20px 0 0;
}
.knowledge_db_filter p.p_checkbox input {
margin: 0 2px 0 0;
position: relative;
top: -1px;
display: none;
}
.knowledge_db_filter .category_checkbox label {
width: auto;
color: #666;
cursor: pointer;
display: inline-block;
padding-left: 22px;
font-size: 13px;
line-height: 18px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.knowledge_db_filter .category_checkbox label:before,
.knowledge_db_filter .category_checkbox label:after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 13px;
height: 13px;
border: 1px solid #dcdcdc;
border-radius: 3px;
transition: all 0.3s;
}
.knowledge_db_filter .category_checkbox label:after {
content: "o";
border: 0;
width: 0;
left: 0;
height: auto;
color: #a71930;
overflow: hidden;
border-radius: 0;
font: 16px/15px "fontastic";
text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;
}
.knowledge_db_filter .category_checkbox input:checked + label:after {
width: 25px;
}
.num_of_entries {
display: none;
}
.num_of_entries_empty {
display: block;
background: #f0f0f0;
margin-top: 15px;
}
#knowledge_db_entries div.filter_data > div,
#knowledge_db_entries div.filter_data > div > p {
display: inline-block;
vertical-align: top;
}
#knowledge_db_entries div.filter_data > div {
margin: 10px 10px 0 0;
}
#knowledge_db_entries div.filter_data > .category_selection {
display: block;
width: auto;
padding: 13px 0 20px;
margin: 0 -167px 0 0;
position: relative;
}
#knowledge_db_entries div.filter_data > .category_selection > h2 {
margin-top: 3px;
}
#knowledge_db_entries div.filter_data > .cf {
display: none;
}
#knowledge_db_entries div.filter_data > input + .cf:last-child {
display: block;
width: auto;
}
#knowledge_db_entries input.button {
border: 0;
background: none;
box-shadow: none;
position: absolute;
top: 10px;
height: 30px;
margin: 0;
right: 0;
cursor: pointer;
color: #adadad;
border-radius: 0;
font: 16px/16px "fontastic";
padding: 0 15px;
transition: all 0.25s;
}
#knowledge_db_entries input.button:hover,
#knowledge_db_entries input.button:focus,
#knowledge_db_entries input.button:active {
color: #a71930;
}
.knowledge_db_filter.second {
display: none;
}
.knowledge_db_filter .knowledge_db_filter.second {
display: block;
}
.knowledge_db_filter + .filter_reset {
text-decoration: none;
opacity: 0.6;
font-size: 13px;
}
.knowledge_db_filter + .filter_reset:hover {
opacity: 1;
}
.knowledge_db_filter.second .sort_selection {
display: block !important;
}
.sort_selection > * {
display: none;
}
.sort_selection > p {
display: inline-block;
vertical-align: top;
}
#knowledge_db_entries div.filter_data h2 {
margin: 15px 0 10px;
padding-bottom: 8px;
text-transform: none;
font-size: 14px;
}
#knowledge_db_entries div.filter_data h2:after {
height: 1px;
}
.filter_data {
padding: 0 167px 0 0;
}
#knowledge_db_entries div.filter_data div.text_filter {
top: 0;
position: absolute;
right: 0;
top: 10px;
margin: 0;
}
#knowledge_db_entries div.filter_data select,
#knowledge_db_entries div.filter_data div.text_filter input {
height: 30px;
width: 100%;
font-size: 12px;
line-height: 18px;
padding: 5px 12px;
background: none;
border-radius: 0;
margin: 0;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#knowledge_db_entries div.filter_data select {
padding-right: 35px;
}
#knowledge_db_entries div.filter_data div.select_field_wrap,
#knowledge_db_entries div.filter_data div.custom_select_filter {
position: relative;
overflow: hidden;
}
#knowledge_db_entries div.filter_data div.custom_select_filter.with_checkboxes {
display: block;
margin: 10px 0;
}
#knowledge_db_entries div.filter_data div.custom_select_filter.with_checkboxes p {
display: inline-block;
}
#knowledge_db_entries div.filter_data div.custom_select_filter.with_checkboxes p ~ .cf {
display: none;
}
#knowledge_db_entries div.filter_data div.custom_select_filter:empty {
display: none;
}
#knowledge_db_entries div.filter_data div.select_field_wrap:after,
#knowledge_db_entries div.filter_data div.custom_select_filter:after {
content: "f";
font: 300 16px/28px "fontastic";
position: absolute;
top: 50%;
right: 10px;
margin-top: -14px;
color: #adadad;
transition: all 0.2s;
pointer-events: none;
}
#knowledge_db_entries div.filter_data div.custom_select_filter:after {
right: 10px;
}
#knowledge_db_entries div.filter_data div.custom_select_filter.with_checkboxes:after {
display: none;
}
#knowledge_db_entries div.filter_data div.select_field_wrap:hover:after,
#knowledge_db_entries div.filter_data div.custom_select_filter:hover:after {
color: #666;
}
#knowledge_db_entries div.filter_data select {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
}
div.knowledge_db_entry {
width: 25%;
display: inline-block;
vertical-align: top;
padding: 17px 0 0 17px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.knowledge_db_picture,
.knowledge_db_no_picture {
float: none;
margin: 0 0 23px;
}
.knowledge_db_entry_pictures .picture {
float: none;
overflow: hidden;
position: relative;
}
.knowledge_db_entry_pictures .picture img {
width: 100%;
height: auto;
max-width: 100%;
}
.knowledge_db_no_picture {
background: #ededed;
height: 0;
padding: 0 0 70.77%;
position: relative;
}
.knowledge_db_entry .knowledge_db_date_created,
.knowledge_db_entry .kdb_entry_custom_data,
.root_category_1 .knowledge_db_no_picture {
display: none;
}
.knowledge_db_entry_pictures .picture a {
display: block;
font-size: 0;
line-height: 0;
}
.knowledge_db_entry_pictures .picture a:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #af1c2d;
background: rgba(175, 28, 45, 0.9);
}
.knowledge_db_no_picture:after,
.knowledge_db_entry_pictures .picture a:after {
content: "j";
font: 78px/78px "fontastic";
position: absolute;
left: 0;
right: 0;
top: 50%;
z-index: 2;
text-align: center;
color: #f8f8f8;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.knowledge_db_entry_pictures .picture a:before {
opacity: 0;
transition: all 0.35s;
}
.knowledge_db_entry_pictures .picture a:after {
content: "i";
transition: all 0.35s;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.6, 0.6) translateY(-50%);
-moz-transform: scale(0.6, 0.6) translateY(-50%);
-o-transform: scale(0.6, 0.6) translateY(-50%);
transform: scale(0.6, 0.6) translateY(-50%);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
}
.knowledge_db_entry:hover .knowledge_db_entry_pictures .picture a:before {
opacity: 1;
}
.knowledge_db_entry:hover .knowledge_db_entry_pictures .picture a:after {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1, 1) translateY(-50%);
-moz-transform: scale(1, 1) translateY(-50%);
-o-transform: scale(1, 1) translateY(-50%);
transform: scale(1, 1) translateY(-50%);
}
.knowledge_db_text {
float: none;
width: auto;
}
.knowledge_db_text.with_picture h2 {
margin-top: 0;
}
.knowledge_db_text h2 a {
display: block;
margin: 0;
padding: 0;
}
.knowledge_db_entry_pictures .picture {
float: none;
}
.knowledge_db_entry .options {
z-index: 50;
}
.knowledge_db_text .documents {
display: none;
}
/* --- Detail --- */
.kdb_entry_infos ~ .kdb_entry_infos {
margin-top: 10px;
}
.kdb_entry_value {
font-weight: bold;
}
.kdb_entry_desc {
font-weight: normal;
font-size: 90%;
opacity: 0.8;
}
.kdb_entry_desc a {
color: #fff;
white-space: nowrap;
}
.kdb_entry_desc p {
margin: 0;
padding: 0;
}
.mod_knowledge_db.mod_action_show_entry #content > .documents,
#knowledge_db_entry_resources .pictures,
.knowledge_db_detail_portlet ul.controls {
display: none;
}
.mod_knowledge_db.no_mod_action.no_system_page #administration_panel li.with_icon:nth-child(3) {
display: none;
}
.select2-container {
width: 100% !important;
position: relative;
}
.select2-container:before {
content: "\f107";
font-family: "Font Awesome 5 Pro";
font-size: 20px;
top: -1px;
right: 8px;
width: 42px;
height: 42px;
line-height: 42px;
border-radius: 100%;
background: none;
text-align: center;
box-sizing: border-box;
z-index: 1;
pointer-events: none !important;
position: absolute;
}
.select2-container .select2-selection__arrow {
display: none;
}
.select2-container li {
padding: 0;
}
.select2-container li:before {
display: none;
}
.select2-container.select2-container--open:before, .select2-container.select2-container--focus:before, .select2-container:hover:before {
color: #A71930;
}
.select2-container.select2-container--open .select2-selection--single, .select2-container.select2-container--focus .select2-selection--single, .select2-container:hover .select2-selection--single {
background: #f8ecee;
border-color: #c37e86;
color: #A71930;
}
.select2-container.select2-container--open .select2-selection--single .select2-selection__rendered, .select2-container.select2-container--focus .select2-selection--single .select2-selection__rendered, .select2-container:hover .select2-selection--single .select2-selection__rendered {
color: #A71930;
}
.select2-container.select2-container--open:before {
transform: rotate(180deg);
}
.select2-container .select2-selection--single {
border: 1px solid #adadad;
border-radius: 0;
background: #fff;
height: 40px;
overflow: auto;
}
.select2-container .select2-selection--single input {
margin-top: 0;
padding: 12px 0 6px 8px;
height: 37px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding: 8px 61px 0 20px;
color: #bababa;
font-weight: 400;
}
.select2-container .select2-search--inline .select2-search__field {
font-size: 15px;
}
.select2-container .select2-dropdown {
border-color: #c37e86;
border-top: none;
background: #f8ecee;
border-radius: 0;
overflow: hidden;
margin-top: -1px;
color: #af1c2d;
}
.select2-container .select2-dropdown .select2-search--dropdown {
display: none;
}
.select2-container .select2-dropdown li {
padding: 4px 20px 3px;
}
.select2-container .select2-dropdown li[aria-selected=true] {
background: #f0d6da;
}
.select2-container .select2-dropdown li.select2-results__option--highlighted {
background: #af1c2d;
color: #fff;
}
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
*/
/* @group navigation */
@media screen and (max-width: 1200px) {
.portlets_home .portlet h3.portlet-title a,
.portlets_home .portlet h3.portlet-title {
font-size: 15px;
}
.portlets_knowledge_db_wrap .portlets_bottom {
margin: 0 -10px -6px;
}
.portlets_knowledge_db_wrap .portlets_bottom .portlet {
padding: 0 10px;
width: 25%;
}
.portlets_knowledge_db_wrap #portlets_knowledge_db h2 {
margin-left: 10px;
}
}
@media screen and (max-width: 1160px) {
div#navigation,
#header #meta,
.search_wrap {
display: none;
}
#header div#logo {
padding: 13px 0 5px;
}
.responsive_menu_wrap {
display: block;
}
nav#rwdnav {
display: block;
opacity: 1;
visibility: hidden;
position: fixed;
z-index: 30;
top: 113px;
right: 0;
left: 0;
bottom: 0;
background: #a71930;
overflow: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
border-top: 2px solid #a71930;
-webkit-transition: all 0.3s ease-out, top 0.00000001s;
-moz-transition: all 0.3s ease-out, top 0.00000001s;
-o-transition: all 0.3s ease-out, top 0.00000001s;
transition: all 0.3s ease-out, top 0.00000001s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top;
}
.navi_open nav#rwdnav {
opacity: 1;
visibility: visible;
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.navi_open {
overflow: hidden;
}
#portlets_home .special_portlet {
flex: 0 0 28%;
max-width: 28%;
}
#portlets_home .portlets_inner_wrap .portlet {
max-width: 50%;
flex: 0 0 50%;
padding-top: 5px;
padding-bottom: 5px;
}
#portlets_home .portlets_inner_wrap .portlet .pictures {
max-width: 60%;
}
#portlets_home .portlets_inner_wrap .portlet:first-child, #portlets_home .portlets_inner_wrap .portlet:nth-child(2) {
padding-bottom: 0;
}
#portlets_home .portlets_inner_wrap .portlet:nth-child(4), #portlets_home .portlets_inner_wrap .portlet:nth-child(3) {
padding-top: 0;
margin-top: -15px;
}
}
/* @end */
@media screen and (max-width: 950px) {
.home .bx-wrapper .bx-pager {
bottom: 43px;
}
.portlets_home .special_portlet,
.portlets_home .portlet {
width: 50%;
padding: 0 17px 22px 20px;
min-height: 0 !important;
border: 0;
}
.portlets_home .portlet_index_2 {
clear: left;
}
.portlets_home .special_portlet {
margin: -40px 0 0 0;
min-height: 0;
padding: 25px 20px 55px;
}
#portlets_home .special_portlet {
flex: 0 0 33.33%;
max-width: 33.33%;
}
#portlets_home .portlets_inner_wrap .portlet {
padding-right: 0;
padding-left: 25px;
}
.portlets_bottom_home_wrap {
padding: 0;
}
div#portlet_partner {
padding: 30px 0 25px 0;
}
#footer {
padding: 70px 0 10px;
}
.footer_content .newsletter,
.footer_content .databases,
.footer_content .portlet {
width: 50%;
border: 0;
padding: 0 20px;
margin: 0 0 30px 0;
min-height: 0 !important;
}
.footer_content .databases {
clear: left;
}
.listing_entry .resource_container,
.overview_item .resource_container {
margin-right: 35px;
}
.listing_entry:nth-child(even) .resource_container,
.overview_item:nth-child(even) .resource_container {
margin-left: 35px;
}
.listing-more-button {
padding: 0 25px 0 0;
}
#content {
padding: 17px 20px 40px;
}
}
@media screen and (max-width: 780px) {
div.knowledge_db_entry {
width: 33.33%;
}
}
@media screen and (max-width: 850px) {
.portlets_knowledge_db_wrap .portlets_bottom {
margin: 0 -10px -6px;
}
.portlets_knowledge_db_wrap .portlets_bottom .portlet {
padding: 0 10px;
width: 50%;
}
.portlets_knowledge_db_wrap .portlets_bottom .portlet:nth-child(2) + .portlet {
clear: both;
}
.portlets_knowledge_db_wrap .portlets_bottom .portlet:nth-child(2) ~ .portlet {
margin-top: 20px;
}
}
@media screen and (max-width: 800px) {
#module_mailform {
margin: 0;
}
#module_mailform > form,
#mailform_content {
float: none;
clear: both;
padding: 0;
width: 100%;
}
#module_mailform > form {
padding: 10px 0 0 0;
}
}
@media screen and (max-width: 700px) {
#portlets_home {
flex-flow: wrap;
}
#portlets_home .special_portlet {
max-width: 100%;
flex: 0 0 100%;
padding-bottom: 40px !important;
}
#portlets_home .portlets_inner_wrap {
margin-left: -25px;
margin-top: 10px;
}
}
@media screen and (max-width: 650px) {
.portlets_bottom .portlet {
width: 50%;
}
div.partner_logo {
width: 25%;
border: 0;
border-bottom: 1px solid #efefef;
border-right: 1px solid #efefef;
}
div.portlet_partner_slide {
border-left: 1px solid #efefef;
border-top: 1px solid #efefef;
width: 100%;
box-sizing: border-box;
}
.content #map-canvas {
height: 195px;
padding: 0;
margin: 30px 0;
}
}
@media screen and (max-width: 620px) {
.pictures.gallery .picture {
width: 50%;
}
.listing_entry .listing-content,
#listing_entry_content,
.overview_item .content {
clear: both;
}
.listing_entry:nth-child(even) .resource_container,
.overview_item:nth-child(even) .resource_container,
.listing_entry .resource_container,
.overview_item .resource_container {
clear: both;
float: none;
margin: 0 0 15px 0;
width: 100%;
}
.overview_item .resource_container .picture,
.overview_item .resource_container .picture img {
width: 100%;
height: auto;
}
.pictures.float_left,
.pictures.float_left_with_clear,
.pictures.float_right,
.pictures.float_right_with_clear {
width: auto;
}
.pictures.float_left .picture,
.pictures.float_left_with_clear .picture,
.pictures.float_right .picture,
.pictures.float_right_with_clear .picture {
padding: 0;
}
.listing_entry .pictures :nth-last-child(2),
.overview_item .pictures :nth-last-child(2) {
margin-bottom: 10px;
}
.infobox .search_wrap {
width: 100%;
}
.bx-controls {
display: none;
}
.portlets_home {
overflow: hidden;
padding: 0 0 10px;
}
.portlets_home .special_portlet,
.portlets_home .portlet {
width: 100%;
padding: 0 20px 22px;
}
.mod_knowledge_db.mod_action_show_entry .portlets_home .special_portlet {
width: 100%;
}
.portlets_home .portlet .picture img {
width: 78%;
}
.portlets_home .special_portlet {
margin: 0 0 12px 0;
padding: 25px 20px 65px;
border-radius: 0;
}
#portlets_home .portlets_inner_wrap {
margin-left: 0;
margin-top: 5px;
padding-right: 20px;
}
div#portlet_partner {
padding: 54px 0 38px;
}
.portlets_bottom .portlet {
width: 100%;
}
.portlets_bottom .portlet ~ .portlet {
margin-top: 30px;
}
.portlets_bottom .portlet .resource_container + .portlet_text_wrap h3.portlet-title {
margin-top: 15px;
}
.portlets_knowledge_db_wrap #portlets_knowledge_db h2 {
margin-bottom: 15px;
}
.portlets_bottom .portlet .picture,
.portlets_bottom .portlet .video {
margin: 0 0 4px 0;
}
#portlets_bottom iframe {
height: 300px;
}
#footer {
padding: 21px 0 0;
}
#portlets_knowledge_db.portlets_bottom .portlet ~ .portlet {
margin-top: 0;
}
.portlets_knowledge_db_wrap #portlets_knowledge_db.portlets_bottom .portlet:nth-child(2) ~ .portlet {
margin-top: 25px;
}
.portlets_bottom .portlet .portlet_content_link {
margin: 0 0 5px;
}
.portlets_bottom {
padding: 30px 0;
}
.footer_content .newsletter,
.footer_content .databases,
.footer_content .portlet {
width: 100%;
margin: 0 0 40px 0;
}
.footer_content .newsletter {
margin: 0 0 30px 0;
}
.footer_content .social_media {
padding: 33px 0 2px;
}
.impressum,
.copy {
float: none;
clear: both;
color: #adadad;
}
.copy {
padding: 8px 0 0 0;
}
.impressum li {
padding: 0 12px 0 0;
}
.footer_line {
padding: 13px 20px;
}
}
@media screen and (max-width: 544px) {
.bx-wrapper img {
height: 195px;
width: auto;
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.bx-wrapper .slide {
overflow: hidden;
}
.table_wrap_container {
position: relative;
padding: 20px 0 0;
}
.table_wrap_container table {
min-width: 100%;
width: auto !important;
}
.table_scroll_indicator {
display: block;
}
#privacy_banner #privacy_banner_inner #privacy_description {
padding: 0;
}
#privacy_banner #privacy_banner_inner a.button {
position: relative;
top: auto;
margin: 15px 0 0;
right: auto;
float: none;
display: block;
text-align: center;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.mailform_element.radio_field .nofloat {
display: block;
width: 100%;
margin: 0;
}
}
@media screen and (max-width: 540px) {
#knowledge_db_entries div.filter_data > div {
display: block;
margin-right: 0;
}
#knowledge_db_entries div.filter_data .knowledge_db_filter p,
#knowledge_db_entries div.filter_data > div > p {
display: block;
}
#knowledge_db_entries div.filter_data .knowledge_db_filter.second select,
#knowledge_db_entries div.filter_data > div select {
width: 100%;
}
#knowledge_db_entries div.filter_data div.text_filter {
top: 0;
}
#knowledge_db_entries input.button {
top: 0;
}
div.knowledge_db_entry {
width: 50%;
}
}
@media screen and (max-width: 420px) {
#knowledge_db_entries div.filter_data > div {
display: block;
margin-right: 0;
}
#knowledge_db_entries div.filter_data > div > p {
display: block;
}
#knowledge_db_entries div.filter_data > div select {
width: 100%;
}
#knowledge_db_entries div.filter_data div.text_filter {
top: 0;
}
#knowledge_db_entries input.button {
top: 0;
}
div.knowledge_db_entry {
width: 100%;
}
.filter_data {
padding: 30px 0 0;
}
#knowledge_db_entries div.filter_data div.text_filter {
left: 0;
}
.knowledge_db_filter .filter_reset {
position: static;
}
#knowledge_db_entries div.filter_data > .category_selection {
margin-right: 0;
}
.portlets_knowledge_db_wrap #portlets_knowledge_db.portlets_bottom .portlet {
width: 100%;
}
.portlets_knowledge_db_wrap #portlets_knowledge_db.portlets_bottom .portlet:nth-child(2) {
margin-top: 25px;
}
#portlets_home {
flex-flow: wrap;
}
#portlets_home .portlets_inner_wrap .portlet {
max-width: 100%;
flex: 0 0 100%;
}
#portlets_home .portlets_inner_wrap .portlet .portlet:nth-child(2) {
margin-top: -15px;
}
}
@media screen and (max-width: 400px) {
#logo img {
width: 222px;
}
nav#rwdnav {
top: 93px;
}
div.partner_logo {
width: 50%;
border: 0;
border-bottom: 1px solid #efefef;
border-right: 1px solid #efefef;
}
div.partner_logo img {
width: 60%;
height: auto;
}
}
@media screen and (max-width: 380px) {
div.knowledge_db_entry {
width: 100%;
}
}
/* --- Scrolldown Arrow --- */
@media screen and (max-width: 720px) {
.scrolldown_arrow {
display: none;
}
}
@media screen and (min-height: 1050px) {
.scrolldown_arrow {
display: none;
}
}
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: http://www.phpcomasy.com/licence/
|
*/
@media print {
/* @group basic */
body {
font: 14px/22px "Raleway", Arial, Helvetica, sans-serif;
background: #FFF;
}
div#siteframe {
background: #fff;
min-height: 0 !important;
}
#content {
padding: 20px 20px 20px;
}
.documents,
.pagination,
.breadcrumb,
.social_media,
.footer_content .portlet:first-child,
.portlets_home .special_portlet .special_link,
div#navigation,
.search_wrap,
footer,
#meta,
#slider,
.knowledge_db_filter,
div#portlet_partner,
.footer_line,
.footer_content .newsletter,
.footer_content .databases,
.imprint {
display: none !important;
}
div#content {
float: none;
width: auto;
padding-left: 0;
}
#header div#logo {
margin-left: 0;
margin-bottom: 0;
}
#header div#logo img {
width: 250px;
height: auto;
}
#home_portlets {
background: none;
}
.portlets_home .special_portlet {
margin: 0;
min-height: 0;
display: none;
}
.portlets_home {
margin: 0 -17px 0 -25px;
padding: 0;
}
.portlets_home .portlet {
width: 33.33%;
border: 0;
padding-top: 0;
background: none;
color: #7e7e7e;
min-height: 0 !important;
}
.portlets_bottom {
padding: 0;
}
#footer {
padding: 20px 0 0 0;
border-top: 1px solid #ddd;
background: #fff;
color: #666;
}
.footer_content .portlet {
width: 100%;
padding: 0;
}
.footer_content .portlet h3 {
display: none;
}
.portlets_bottom_home_wrap {
padding: 0;
}
.portlets_bottom .portlet .video-js {
background: #ddd;
border: 1px solid #ddd;
max-width: 345px;
overflow: hidden;
}
.portlets_bottom .portlet .video-js * {
max-width: 100%;
}
.listing_entry h2,
.overview_item h2,
.listing_entry h2 a,
.overview_item h2 a,
div#portlet_partner h2,
.portlets_bottom .portlet .portlet-title,
.portlets_bottom .portlet .portlet-title a,
h1,
.content h2, h2 a {
padding: 0;
}
div.knowledge_db_entries {
margin-top: 20px;
}
div.knowledge_db_entry {
width: 33.33%;
}
div.knowledge_db_entry .pictures {
display: none;
}
/* @end */
}
/*# sourceMappingURL=template_styles.css.map */