/** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } /** THEME ===================================*/ .bx-wrapper { box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url("images/bx_loader.gif") center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url("images/controls.png") no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url("images/controls.png") no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url("images/controls.png") -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("images/controls.png") -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .break-word { -ms-word-break: break-all; -ms-word-wrap: break-all; -webkit-word-break: break-word; -webkit-word-wrap: break-word; word-break: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #static_content .box { background: #EEEEEE; padding: 15px; } .link { color: black; font-weight: bold; text-decoration: underline; } #header_static_links .signed_in_as { font-size: 20px; text-align: center; margin-bottom: 20px; } #header_static_links .this_is_private { font-size: 16px; margin-top: 15px; text-align: center; } ul.form_errors { margin-top: 10px; } .highlight_primary { color: #f49c35; } .bootstrap-tagsinput { min-width: 100%; } .bx-wrapper { border: none; } .btn { font-weight: bold; font-size: 17px; padding: 5px 10px; } .btn-sm, .btn-group-sm > .btn { border-radius: 3px; font-size: 12px; line-height: 1.5; padding: 5px 10px; } .btn-xs, .btn-group-xs > .btn { border-radius: 3px; font-size: 12px; line-height: 1.5; padding: 1px 5px; } .btn-primary-inverse { background: #fff; color: black; } .btn-default:hover { border: 1px solid #f49c35; background: #fff; } #sidebar_right .btn { font-size: 29px; border: 2px solid white; padding: 6px 12px; } #sidebar_right .btn-default { background: #e3e3e3; } #sidebar_right .btn-default:hover { background: #cacaca; } #detail_search .btn { margin-bottom: 5px; margin-right: 5px; } #detail_search .btn-default { background: #e3e3e3; } #detail_search .btn-default:hover { background: #cacaca; } #detail_search .btn.checked { background: #f49c35; } body { font-family: 'Open Sans Condensed', sans-serif; background-image: url("{{ asset('template/images/background-pattern.png') }}"); background: #ebe5d859; color: black; } .container.shadowed { background-color: #fff; box-shadow: 0 0 20px #ccc; } .shadow { box-shadow: 3px 3px 3px #ccc; } #main_container { padding: 30px 50px; } #headline_main { text-align: center; position: relative; } #headline_main h1 { margin-top: 0; } #headline_main h2 { display: inline-block; padding: 10px 20px; margin-top: 0px; } #headline_main .arrow { position: absolute; right: 0; top: 0; width: 70px; } #main_search { background: black; padding: 10px 20px; border-radius: 6px; margin-top: 20px; } #main_search .link { color: white; } #main_search .link:hover { color: #f49c35; } #main_search label { color: #f49c35; font-size: 50px; margin-left: 15px; } #main_search input[type='text'] { color: #f49c35; font-size: 30px; height: 50px; } #main_search input.submit { background: transparent url("../images/search.png") repeat scroll 0 0; border: medium none; display: block; height: 28px; margin: 10px auto 0; width: 17px; } #main_search input.submit:hover { background: transparent url("../images/search_hover.png"); } #sidebar_right { background: #e3e3e3; min-height: 500px; padding: 30px; } #header_main_left { background: url("../images/background_header_main.jpg"); height: 309px; position: relative; } #header_main_left #cloud { background: transparent url("../images/wolke.png") repeat scroll 0 0/cover; bottom: 0; height: 248px; padding: 42px 28px 28px; position: absolute; right: 0; text-align: center; width: 366px; } #logo { margin-left: 25px; margin-top: 15px; width: 165px; } #cloud h3 { color: #f49c35; font-size: 45px; line-height: 45px; font-weight: bold; margin: 0; } #cloud div { font-size: 20px; font-weight: bold; line-height: 24px; } #cloud .teaser { color: #f49c35; } #sidebar_right { text-align: center; } #sidebar_right h3 { font-size: 38px; margin-bottom: 10px; margin-top: 0; text-transform: uppercase; } #sidebar_right p { font-size: 17px; } #sidebar_right h4 { font-size: 25px; margin-bottom: 5px; font-weight: bold; } #sidebar_right .link { display: block; font-size: 13px; line-height: 26px; text-align: right; } #sidebar_right .link.text-center { text-align: center; } #top_employers img { margin: 0 auto 16px; max-width: 175px; } #top_employers a { text-align: center; display: block; } .divider_right_special { background: transparent url("../img/divider_right.png") no-repeat scroll center center; height: 21px; margin-bottom: 20px; } .divider_right_simple { background: transparent url("../img/divider_right_simple.png") no-repeat scroll center center; height: 21px; margin: 15px 0; } #feature_main_bottom { text-align: center; } #feature_main_bottom img { max-width: 100%; } #breadcrumb { background-color: #f49c35; min-height: 30px; width: 100%; } #breadcrumb .container { background: none; } #breadcrumb { font-size: 15px; font-weight: bold; } #breadcrumb a { color: #3c3c3b; } #breadcrumb a:hover { color: white !important; } #breadcrumb .breadcrumb { margin-bottom: 0; margin-left: 330px; } #header_static { position: relative; background: url("../img/static_header_bg.png"); padding: 20px 30px; } #header_static #logo_new { position: absolute; top: -60px; } #header_static_links > div { margin-right: 10px; } #header_static #main_search { background: #ffffff none repeat scroll 0 0; border: 1px solid #e3e3e3; border-radius: 10; position: relative; z-index: 1000; max-width: 965px; margin: 65px auto 30px; padding-top: 0; } #header_static #main_search input.submit { display: block; background: transparent url("../img/search.png"); width: 17px; height: 28px; border: none; margin: 10px 0 0 0; } #header_static #main_search input.submit:hover { background: transparent url("../img/search_hover.png"); } #header_static #main_search input[type="text"] { background: #ecebeb; color: #3c3c3b; } #header_static #main_search a.link { color: black; font-size: 13px; } #header_static #main_search .form-group { margin-bottom: 0px; } #header_button_spacer { height: 100px; } #header_static ::-moz-placeholder { color: #a4a4a4; text-decoration: underline; opacity: 1; } #header_static :-ms-input-placeholder { color: #a4a4a4; text-decoration: underline; } #header_static ::-webkit-input-placeholder { color: #a4a4a4; text-decoration: underline; } #header_static_city { position: relative; padding: 20px 30px; min-height: 433px; } #city_headline { text-align: center; display: inline-block; padding: 10px 20px; background-color: rgba(255, 255, 255, 0.7); background-position: center; margin-top:115px;} #author_logo { text-align: center; position: ce; display: inline-block; padding: 10px 20px; margin-top: 5vh; background-color: rgba(255, 255, 255, 0.7); background-position: center} #city_headline .arrow { position: absolute; right: 0; top: 0; width: 70px; } #header_static_city #logo_new { position: absolute; top: -60px; } .cityhome { text-align: left; padding-top: 35px; } #footer { width: 100%; background: #ebe5d8; color: black; padding: 20px 0 20px; } #footer #offer_footer { max-height: 170px; } #footer ul { list-style-type: none; padding-left: 0; } #footer ul.text-left li { text-align: left; } #footer ul li { color: white; font-size: 18px; } #footer #footer_columns li { margin-bottom: 10px; } #footer #footer_columns .latest_jobs { padding: 0 30px; } #footer ul li a { color: #754545; } #footer ul li a:hover{ color: #4c3131; } #footer ul li.contact_link { margin-top: 100px; } #footer ul li.contact_link a { text-decoration: underline; } #footer .container { background: none; } #footer #footer_buttons img { width: 65px; } #footer #footer_buttons ul { padding-left: 70px; } #footer #footer_buttons ul > li { display: inline; padding-right: 40px; } #footer #footer_buttons .single_button { margin-top: 30px; text-align: center; } #footer .footer_divider_top { background: url("../img/footer_divider_top.png") no-repeat; background-size: 100% 1px; height: 1px; margin-bottom: 30px; } #footer .footer_divider_bottom { background: url("../img/footer_divider_bottom.png") no-repeat; background-size: 100% 1px; height: 1px; margin-top: 10px; } #footer h3 { font-size: 25px; color: black;} .navbar-expand-lg .navbar-nav .nav-link{ font-size: 20px; padding-left: 30px; } .bg-white{ background-color: white; } .navbar{ min-height: 100px; } section:first-of-type{ margin-top: 60px; } section{ margin-top: 140px; } .ci-color{ color: #8daa7a ; } .btn-ci{ color: white; background-color: #8daa7a; } .btn-ci:hover{ background-color: #7d926e; color: white; } .navbar-expand-lg .navbar-nav .nav-link{ font-size: 20px; padding-left: 30px; } .bg-white{ background-color: white; } .navbar{ min-height: 100px; } section:first-of-type{ margin-top: 60px; } section{ margin-top: 140px; } .btn-ci{ color: white; background-color: #754545; } .btn-ci:hover{ background-color: #4c3131; color: white; } .page-link{ color: black; } h1,h2,h3,h4,h5,h6{ color:#754545; } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link{ color: #754545; } .navbar-light .navbar-nav .nav-link:hover{ color: #4c3131; } a{ text-decoration: none; color: #754545; } a:hover { color: #4c3131; } .card-footer{ background-color: #f8f8f8; border-top: none; } .accordion-button:not(.collapsed) { color: #754545; background-color: #f8f8f8; }