h1 { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; line-height: 20px; font-weight: 600; } h2 { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 20px; font-weight: 400; } h3 { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 18px; font-weight: 600; } p { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400; } li { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400; }body { background: #ffffff; font-size: 10px; font-family: Times New Roman, Arial, Helvetica, sans-serif; color: #333333; line-height: 18px; font-weight: 400; } a:link { text-decoration: underline; color: #2c60a3; font-weight: 400; } a:visited { text-decoration: underline; color: #2c60a3; font-weight: 400; } a:active { text-decoration: underline; color: #253952; font-weight: 400; } a:hover { text-decoration: none; color: #253952; font-weight: 400; } a:focus { text-decoration: none; color: #253952; font-weight: 400; } .navbar-default li { font-family:Times New Roman, Arial, Helvetica, sans-serif; font-size: 18px; text-transform:uppercase; } .navbar-default .navbar-toggle .glyphicon {color: #333333;} .navbar-default .navbar-toggle .icon-bar {background-color: #333333;}.navbar-default .navbar-nav>li a { color:#333333; text-decoration:none; font-weight:400; } .navbar-default .navbar-nav>li a:hover { color:#333333; text-decoration:none; font-weight:400; } .navbar-default .navbar-nav>li.active a:hover { color:#333333; text-decoration:none; font-weight:400; } .navbar-default .dropdown-menu>li a:hover { color:#333333; text-decoration:none; font-weight:400; } .navbar-default .navbar-nav>li a:focus { color:#333333; text-decoration:none; font-weight:400; } .navbar-default .navbar-nav>li.active a:focus { color:#333333; text-decoration:none; font-weight:400; } .navbar-default .dropdown-menu>li a:focus { color:#333333; text-decoration:none; font-weight:400; } .navbar-default .navbar-nav>.active>a { color:#333333; text-decoration:none; font-weight:400; } .navbar-default .dropdown-menu>li.active a { color:#333333; text-decoration:none; font-weight:400; } .navbar { margin-bottom:0px; } header { margin-bottom:0px; position:relative; } #page .container { max-width:1170px; } /* GDPR body #CybotCookiebotDialog {top: auto; width: 100%; height: auto; box-shadow: none; box-shadow: 0 -2px 5px #ccc; bottom: 0; padding: 10px 0 0;} body #CybotCookiebotDialogBody {max-width: 1200px; width: 100%;} body #CybotCookiebotDialogDetailBody {max-width: 1190px; width: 100%;} body .CookieDeclarationTableCell {padding: 9px 5px;} body #CybotCookiebotDialogPoweredbyLink {display: none;} body #CybotCookiebotDialogBodyContent {float: left; padding: 5px 0 18px 5px;} body .CookieDeclarationTypeDescription {font-size: 13px !important;} body #CybotCookiebotDialogBodyButtons {float: right; padding-left: 20px; padding-top: 6px;} body #CybotCookiebotDialogBodyButtonAccept {background-color: #006633; border: 1px solid #006633; font-weight: bold; border-radius: 20px; line-height: 1 !important; padding: 4px 10px 6px !important; float: right; font-size: 14px;} body form.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {width: auto !important; margin: 5px 10px 10px 0 !important;} */ #page {overflow-x: hidden;} #content ul { list-style: outside; margin-left: 2em; margin-bottom: 15px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {margin: 0 0 15px; padding: 10px; font-size: 15px; text-align: center; width: 96%;} /* body #CybotCookiebotDialog {top: auto; width: 100%; height: auto; box-shadow: none; box-shadow: 0 -2px 5px #ccc; bottom: 0; padding: 10px 0 0;} body #CybotCookiebotDialogBody {max-width: 1200px; width: 100%;} body #CybotCookiebotDialogDetailBody {max-width: 1190px; width: 100%;} body .CookieDeclarationTableCell {padding: 9px 5px;} body #CybotCookiebotDialogPoweredbyLink {display: none;} body #CybotCookiebotDialogBodyContent {padding: 12px 0 8px 8px;} body .CookieDeclarationTypeDescription {font-size: 13px !important;} form.wpcf7-form input[type="checkbox"] {width: 12px; float: left;} #page {overflow-x: hidden;} */ body h1 { font-size: 30px; line-height: 40px; font-family: Times New Roman, Montserrat, sans-serif; font-weight: 600; color:#4f4f4f; margin-top: 0; } body h2 { font-size: 24px; line-height: 28px; font-family: Times New Roman, Montserrat, sans-serif; font-weight: 600; color:#4f4f4f; } body h3 { font-size: 20px; line-height: 24px; font-family: Times New Roman, Montserrat, sans-serif; font-weight: 400; color:#4f4f4f; margin-bottom: 5px; text-transform: uppercase;} body h4 { font-size: 20px; line-height: 34px; font-family: Times New Roman, Montserrat, sans-serif; font-weight: 400; color:#c61525; margin-bottom: 5px;} body p, body li, body td, body dd, body label {font-size: 16px; line-height: 24px; font-family: Times New Roman, Arial, sans-serif; color:#4f4f4f; font-weight: 400;} #content ul { list-style-position: outside; margin-left: 3em;} /* --- Mobile/desktop toggles --- */ li#menu-item-46 { display: inline-block; } li#menu-item-391 { display: none; } @keyframes pikaboo{ 0% { transform:scale(0);opacity:0;} 60% { transform:scale(1.03);opacity:1;} 80% { transform:scale(0.97);} 100% { transform:scale(1);} } .page-id-44 .logoholder { animation-name: pikaboo;animation-delay:1s;animation-duration:0.5s;animation-fill-mode:backwards;animation-timing-function:ease-out; } /*---tabel-----*/ #content table {width:100%; border-collapse:collapse; margin-bottom:10px;} #content table tr:nth-child(even) { background: #f9f9f9} #content table tr:nth-child(odd) { background: #eeeff0} #content table tr >td:first-child { width: 25%;} #content table td {border:1px solid #ddd; padding: 5px 10px; vertical-align:top;} #content table td p {margin:0;} /* search */ #searchform label {display:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #searchform input[type="text"] { background: #f9f9f9; border: 1px solid #eee; font-size: 16px; width: 120px; padding: 6px 2px; -webkit-transition: width 500ms ease 0s; -moz-transition: width 500ms ease 0s; -o-transition: width 500ms ease 0s; -ms-transition: width 500ms ease 0s; transition: width 500ms ease 0s; } #searchsubmit { background: #fff url(/files/search.png) no-repeat center center !important; text-indent: -99999px; padding: 5px 15px 7px; top: -3px; left: -3px; border: 1px solid #bbb!important; position: relative;} #searchsubmit:hover { background: #c61525 url(/files/search.png) no-repeat center center !important;} #widget_sp_image-2 { float:right; cursor: pointer; margin: 50px 0 0 0; padding: 10px 0 10px 15px; border-left: 1px solid #ccc; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #search-2 { display: none; position: absolute; top: 130px; right: 40px; background: #f2efef; padding: 20px; border: 1px solid #ccc;} #searchform input[type="text"] { background: #fff; border: 1px solid #ccc; font-size: 16px; width: 160px; } /* Header */ #header { position: fixed; width: 100%; top: 0; background: #fff; } #header .container { position: relative; } #header .logoholder { margin: 5px 20px; } #header .logoholder img { height: 125px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #header .menu { margin-top: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #header .menu ul li { margin: 0 50px 0 0; padding: 0px; } #header .menu ul li a { padding: 10px 0px; background: none; position:relative; border-bottom: 2px solid transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #header .menu ul li a:after { position:absolute; content:""; background: #aa1545; height: 1px; width:100%; opacity:0; left:0; right:0; margin:0 auto; bottom: -10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #header .menu ul li a:hover:after{ bottom:-2px; opacity:1} #header .menu ul li.current_page_item > a:after { display:none;} #header .menu ul li.current_page_item > a {border-bottom: 1px solid #aa1545;} #header li#menu-item-46 > a { border-bottom:0px !Important; } #header .menu ul li.current_page_item:hover > a {font-weight: 400;} #header .menu ul li.current-page-ancestor > a:after { display:none;} #header .menu ul li.current-page-ancestor > a {border-bottom: 1px solid #aa1545; font-weight: 600;} #header .menu ul li.current-page-ancestor:hover > a {font-weight: 400;} #header .menu ul ul { background: #f2efef; margin: 0; padding: 0; } #header .menu ul ul li { margin: 0; border-bottom: 1px solid #ddd;} #header .menu ul ul li a { padding: 10px 20px; font-size: 12px;} #header .menu ul ul li a:hover { background: #f8f8f8;} #back-to-top { background-color: #333; border-radius: 4px 4px 0 0; bottom: 0; display: none; height: 35px; position: fixed; right: 75px; text-align: center; width: 48px; opacity: .9; z-index: 100000; transition: all .2s ease-in-out 0s;} #back-to-top:hover { background: #2ba0a3;} #back-to-top.show { opacity: 1;} #back-to-top i { margin-top:10px; font-size: 20px; color: #fff;} /* search page */ .search-results #content { margin-top:180px; } /* Content */ #content { margin-top: 133px; } #image_top { height: 500px; margin-bottom: 70px; overflow: hidden; } #image_top img { position: relative; object-fit: cover; height: 500px; object-position: center;} .grey_background { background: #f4f4f4;} .grey_background .left { display: flex; align-items: center!important; padding: 40px; } .grey_background .right .wpb_single_image { margin-bottom: 0; margin: 0 -15px 0 0; } .start_boxes .vc_column-inner > .wpb_wrapper { background: #f4f4f4;} .start_box_description { padding: 20px; min-height: 190px; } .start_boxes h3 { margin-bottom: 20px;} .start_boxes h3 a {text-decoration: none; color: #333;} .start_boxes img{ -webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease; -o-transition: all 0.35s ease;transition: all 0.35s ease;} .start_boxes img:hover { -moz-transform: scale(1.02);-webkit-transform: scale(1.02);-o-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);} .start_boxes .wpb_single_image .vc_figure { overflow: hidden;} .vc_btn3.vc_btn3-size-md { background: #b3a276!important; padding: 15px 20px!important; text-transform: uppercase; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .vc_btn3.vc_btn3-size-md:hover { background: #000000!important; color: #fff!important; } .vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-custom.vc_btn3-block {color: #fff;} /* popup footer */ .wdpu-93 .wdpu-msg { max-width: 605px!important;} /* interior pages */ /* ---- img full ------- */ .full_img.wpb_single_image .vc_figure {height: auto; max-width: none; vertical-align: top; width: 100%;} .full_img.wpb_single_image .vc_single_image-wrapper {height: auto; max-width: none; vertical-align: top; width: 100%;} .full_img.wpb_single_image img { height: auto; max-width: none; vertical-align: top; width: 100%;} /* ---- forms ------- */ .wpcf7-form input[name="ort"] {width:20%; float:left; } .wpcf7-form input[name="nr"] {width:20%; float:left; margin: 5px 10px 5px 0;} .wpcf7-form p {clear:both;} form.wpcf7-form input { width: 96%; color:#000; padding:10px;font-size: 16px; margin-bottom:5px; background: #f9f9f9; } form.wpcf7-form textarea { color:#000; width: 96%; height: 200px; padding: 10px;font-size: 16px; margin-bottom:5px; background: #f9f9f9} form.wpcf7-form select { color:#000; padding: 6px;font-size: 16px; margin-bottom:5px; background: #f9f9f9; } form.wpcf7-form span.GDPR span { min-width: 18px; margin: 0 0 5px;} form.wpcf7-form span.GDPR span input[type=checkbox] { margin: 5px 5px 0 0; width: auto!important; float: left;} form.wpcf7-form input[type="submit"] { color: #fff; text-transform:uppercase; margin-top: 0px; display:inline-block; font-size: 13px; padding: 15px 10px; background: #333; -webkit-transition: background 0.35s ease; -moz-transition: background 0.35s ease; -ms-transition: background 0.35s ease; -o-transition: background 0.35s ease; transition: background 0.35s ease; } form.wpcf7-form input[type="submit"]:hover { background:#000!important; color: #fff;; } form.wpcf7-form input::-webkit-input-placeholder { color: #666;} form.wpcf7-form input::-moz-input-placeholder { color: #666;} form.wpcf7-form textarea::-webkit-input-placeholder { color: #666;} form.wpcf7-form textarea::-moz-placeholder { color: #666;} form.wpcf7-form input:focus, form.wpcf7-form textarea:focus {outline: none;} div.wpcf7-validation-errors { border: 1px solid #000; color: #000; font-size: 14px;} span.wpcf7-not-valid-tip { color: #000; font-size: 1em; display: block; text-align: left; margin-top: 10px;} #text-4 p {background-color: #c61525; line-height: 50px; text-align: center; color: #fff;} /* Footer */ #footer { background:#e2e2e2; padding: 40px 0 0px; text-align: center; } #footer h2, #footer p { color:#333; font-weight: 400;} #footer i { color:#333; font-size: 16px; text-align: center; margin-right: 5px;} #footer small { color:#333; font-weight: 400; font-family: Times New Roman, Lato, sans-serif; font-size: 16px; line-height: 22px; } #footer .footer-1 { width: 33.33%; padding: 0 10px 0 0; } #footer .footer-2 { width: 33.33%; padding: 0 10px 0 0; } #footer .footer-3 { width: 33.33%; padding: 0 10px 0 0;} #footer .footer-3 #custom_html-7 a { text-transform: uppercase; background: #000!important;} #footer .footer-3 #custom_html-7 a:hover { background: #c61525!important;} #footer .col-sm-3.footer-2 img {width: 180px; height: auto;} /* copyright tel and mail */ #footer .footer-4 { background: #222; width: 100%; margin-top: 20px; padding: 20px 0 5px ; display: flex; justify-content: center;} #footer .footer-4 p { color: #666; font-size: 14px; } #footer .footer-4 .widget_text { margin: 0 50px;} #custom_html-6 p { float: left; margin: 0 10px;} #custom_html-6 a { color: #bbb; text-decoration: none;} #custom_html-6 a:hover { color: #2ba0a3;} #custom_html-6 i { color: #bbb; } #custom_html-6 i:hover { color: #2ba0a3;} #footer .icon-FB i { font-size: 40px;} /* --- center menu --- */ .navbar-default { background-color: transparent; border-color: transparent; } .navbar-nav { float: none; margin: 0; text-align: center;} .nav > li { position: relative; display: inline-block; float: none !important; } /* ----sticky footer----*/ @media only screen and (min-width: 768px) { #footer { height: 362px; position: absolute; left: 0; right:0; bottom: 0; width: 100%; } body { margin: 0 0 350px; /* bottom = footer height */} } /*------end sticky-------*/ /* Media queries */ @media (min-width: 2000px) { } @media (min-width: 1700px) { } @media all and (max-width:1699px) { } @media all and (max-width:1440px) { } @media all and (max-width:1200px) { } @media all and (max-width:992px) { body h1 { font-size: 30px; line-height: 35px } body h2 {font-size: 20px; line-height: 30px;} body h3 {font-size: 18px; line-height: 22px;} body p, body li, body td, body dd, body label, body legend {font-size: 16px; line-height: 22px;} #header .menu ul li { margin: 0 15px 0 0; } .grey_background .left { padding: 15px 10px;} .start_box_description { padding: 0px 10px; min-height: 190px;} #footer .footer-4 .widget_text { margin: 0 10px;} } @media all and (max-width: 767px) { body #CybotCookiebotDialogBodyButtons {max-width: 35%;} body #CybotCookiebotDialogBodyContent {max-width: 60%;} div.logoholder { display: block; } li#menu-item-46 { display: none; } li#menu-item-391 { display: block; } #header .container { width: 100%;} #header .logoholder img { height: 75px;} #widget_sp_image-2 { display: none;} #header .menu.collapse.in { overflow: scroll; height: 400px; border-bottom: 2px solid #bbb; border-top: 2px solid #bbb;} #header #menu-main { float: right; margin-top: 0; margin-right: 0;} #header .menu { border: none; background:#f9f9f9; float: left; width: 100%; padding: 0; margin: 0 0px; } #header .navbar-nav { width: 100%; display: block;} #header .menu ul { margin: 0; padding: 0; width: 100%; } #header .menu ul li {padding: 0; margin: 0; border-bottom: 0!important; float: left; width: 100%; } #header .menu ul li a { font-size:16px; text-align:left; padding-left: 20px } #header .menu ul li ul {padding-bottom: 0px; margin-bottom: 0px; box-shadow:none!important; background:#eee;} #header .menu ul li ul li a{ padding-left: 30px; font-size:15px; } #header .menu ul li ul li ul li a { padding-left: 50px;} #header .navbar-collapse { z-index: 99; } #header .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: medium none; } #header .navbar-default .navbar-toggle {border-color: transparent; } #header .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: none; } #header .navbar-default .navbar-toggle .icon-bar { background-color: #333; width: 30px; height: 3px; } #header .navbar-default .navbar-toggle:hover .icon-bar { background-color: #000; } #header .navbar-default .navbar-toggle:focus .icon-bar { background-color: #000; } #header .navbar-toggle { margin: 15px 15px 10px 0; padding: 12px 8px; border: none; position: relative; } #header .navbar-toggle:first-child { float: right; margin: 15px 10px 0 10px; padding: 10px 10px 4px; position: relative; } #header .navbar-toggle.modalinfo { margin: 15px 10px 10px 0; padding: 10px 10px 4px; } #header .navbar-toggle.modalinfo .glyphicon { color: #333; font-size: 20px; } #header .navbar-toggle.modalinfo:hover .glyphicon { color: #000;} #header .navbar-toggle.modalinfo:focus .glyphicon { color: #000;} #header .navbar-toggle:first-child .glyphicon { color: #333; font-size: 20px;} #header .navbar-toggle:first-child:hover .glyphicon { color: #000;} #header .navbar-toggle:first-child:focus .glyphicon { color: #000;} #header #back-to-top { right: 25px; } body h1 {font-size:25px; line-height: 30px;} body h2 {font-size:20px; line-height: 24px;} body h3 {font-size:18px; line-height: 22px;} body p, body li, body td, body dd, body label, body legend {font-size: 16px; line-height: 20px;} #content .container { width: 97%;} #content { margin-top: 50px;} #content .entry-content {padding:0 15px;} #image_top { height: 250px; margin-bottom: 40px;} .start_boxes .vc_col-sm-4 { width: 50%; float: left; margin-bottom: 35px;} #footer .container { padding: 0 15px 10px; text-align: center;} #footer table { width: 100%;} #footer .footer-1 { width: 100%; } #footer .footer-2 { width: 100%; } #footer .footer-3 { width: 100%; } .vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item { width: 25%; display: inline-block !important;} } @media all and (max-width: 600px) { .vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item { width: 50%; display: inline-block !important;} } @media all and (max-width: 480px) { .start_boxes .vc_col-sm-4 { width: 100%;} .start_box_description { padding: 0px 10px; min-height: auto;} } @media all and (max-width: 320px) { .vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item { width: 100%; display: inline-block !important;} #content table tr { border: 1px solid #ddd;} #content table tr >td:first-child { width: 100%; padding: 10px;} #content table tr >td:last-child { padding: 0 10px 10px;} #content table td { padding: 0 10px; width: 100%; font-size: 14px; line-height: 20px; float: left; width: 100%; border: none;} }