/************** Multi Digital Bahnhofstrasse 14 9470 Buchs Tel. 081 750 02 02 info@multidigital.ch www.multidigital.ch Fliesstext Serife ----------------- font-family:"Corporate A W02 Light"; font-family:"CorporateAW02-LightItal"; font-family:"Corporate A W02 Regular"; font-family:"Corporate A W02 Italic"; font-family:"Corporate A W01 Bold1486979"; Fliesstext Sans Serife ---------------------- font-family:"Corporate S W01 Light"; font-family:"Corporate S W02 Regular"; font-family:"Corporate S W02 Italic"; font-family:"Corporate S W02 Md"; font-family:"Corporate S W02 Bold"; Überschriften ------------- font-family:"DIN Next W02 Light Cond"; font-family:"DIN Next W02 Cond"; font-family:"DINNextW02-MediumCond"; font-family:"DIN Next W02 Bold Cond"; font-family:"DIN Next W02 Black Cond"; font-family:"DIN Next W02 Regular"; Farben ------ blau: #2a597d orange: #df702b hellblau: #bdc7d1 Linie ----- grau: #e6e6e6 ***************/ /*** Standard ***/ body, html {width: 100%;height: 100%;/* -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } body, p {font-family:"Corporate S W02 Regular";font-size:16px; padding:0; margin: 0 0 20px; font-weight: normal;color:#000;margin-block-end: 0;} /* body .row { padding:0; margin:0;} */ a {color: #2a597d;text-decoration: none; /* border-bottom: 1px solid #df702b; padding-bottom:1px;*/} a:hover, a:focus {color: #df702b;text-decoration: none;} strong { font-family:"Corporate S W02 Bold";font-weight:normal;} ul, menu, dir {display: block;list-style-type: disc;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px; padding-left:0;} hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #dddddd;} em {font-family:"Corporate S W02 Italic"; font-weight: normal; font-style: normal;} iframe { width: 100%; margin:10px 0; } /*** Formular - gelb entfernen ***/ input:-webkit-autofill {background-color: #fff !important;-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;} input {height: 40px;padding: 10px 12px; } /*** Select no Radius ***/ select {-webkit-appearance: none;-moz-appearance: none;border-radius:0;background-position: right 50%; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=); padding: .5em; padding-right: 1.5em} select { background-image:url(/img/select.png) !important; background: #fff; background-position: right; background-repeat: no-repeat;} /*** Cookie Message ***/ #cookie { position: fixed; bottom: 0; left: 0; right: 0; padding: 15px; background: #2a597d; z-index: 20; display: none; } #cookie p { color: #fff; margin: 0; } #cookie a { color: #fff; cursor: pointer; } /*** Basis ***/ .abstand_oben { margin-top: 20px;} .abstand_oben_50 { margin-top: 50px;} .keinabstand_unten { margin-bottom: 0 !important; padding-bottom: 0;} .color_orange {color:#df702b} .standard_text ul { margin-left: 17px;} .mehr_link {color:#2a597d; border-bottom:1px solid #ededed; padding-bottom: 2px;} /*** Buttons ***/ .btn { border-radius: 0; border: 0 none;} .btn.active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn_orange { font-family: "DINNextW02-MediumCond"; font-weight: normal; font-size: 18px; color: #df702b; text-transform: uppercase; padding: 0; margin: 0; letter-spacing: 1px; } .btn.back { text-align: left; padding:20px 0; } .btn-success {color: #fff;background-color: #2a597d; border-color: #2a597d;} .btn-success:hover { background: #df702b;} .drucken_button .btn { font-size: 20px !important; padding: 6px 6px;} .btn-default {border-color:transparent;} /*** Nachrichten ***/ .alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 0px;} /*** Datepicker ***/ .daterangepicker td.active, .daterangepicker td.active:hover {background-color: #2a597d;border-color: transparent;color: #fff;} .daterangepicker td.in-range {background-color: #bdc7d1;} /*** Modal ***/ .modal-header {padding: 0 10px;border-bottom:0 none;} .modal-footer { border-top: 0 none} .modal-content {background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 0px;padding: 0 20px;} .modal-sm {width: 500px;} .modal .close {filter: alpha(opacity=100); opacity: 1; font-size: 30px; margin-top: 15px;} h2.modal-title { margin:20px 0 0 0;} .modal li { margin-left: 20px;} .modal table td, table th {vertical-align: top; border-bottom: 1px solid #e6e6e6; padding: 5px 0;} /*** Preloader ***/ #preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #ffffff;z-index: 999; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";filter: alpha(opacity=98);opacity:.98;} #loading-animation {height: 600px; text-align: center; position: absolute;left: 50%; top: 20%; margin-left: -300px; background-image: url(../img/loader.svg); background-repeat: no-repeat; background-position: center;} #preloader .claim { color: #bdc7d1; font-size: 48px; font-family:"DIN Next W02 Bold Cond"; font-weight: normal; text-transform: uppercase; margin-top: 20px;} /*** Wideboard - Banner ***/ .wideboard_box { background: #fcfcfc; border-bottom: 1px solid #e8e8e8; padding:20px 0 25px 0;} /*** Banner ***/ .banner_label.wideboard { width: 994px; margin: 0 auto;} .banner_label {text-transform: uppercase; font-size: 14px; padding-bottom:5px; color:#999999; text-align: left; } /*** Header ***/ header { padding: 40px 0 0px 0;} header .logo { width: 560px; text-align: center; margin: 0 auto;} header .sprachauswahl { list-style: none; float: right; margin-top: 40px; margin-right: 15px;} header .sprachauswahl li {float: left;margin-right: 8px; font-size: 25px; font-family:"DIN Next W02 Bold Cond"; letter-spacing: 2px; padding: 0 0 0px 0; line-height: 25px;} header .sprachauswahl li+li { border-left: 2px solid #2a597d; padding-left: 10px} header .sprachauswahl li a {color:#bdc7d1;} header .sprachauswahl li a:hover {color:#2a597d;} header .sprachauswahl li.active a {color:#2a597d;} header .btn {font-size: 25px; font-family:"DIN Next W02 Bold Cond"; letter-spacing: 2px; text-transform: uppercase;} header .btn.btn_suche { padding:0; margin:35px 0 0 0; border: 0 none; border-radius: 0;} header .btn.btn_login {margin:35px 0 0 0; line-height: 25px; padding: 0; } /*** Navigation ***/ .navbar {position: relative;min-height: 50px;margin-bottom: 0px; margin-top:25px; padding-top:20px;border-top:4px solid #2a597d;border-radius: 0px;font-family:"DIN Next W02 Bold Cond"; text-transform: uppercase; font-size: 30px; letter-spacing: 1px; } .navbar.keinslider {border-bottom:4px solid #2a597d;} .navbar li { padding:0 15px 0 15px;} .navbar li>a { padding: 0; line-height: 30px;border-bottom:2px solid transparent;} .navbar li+li {border-left: 2px solid #2a597d; } .navbar-nav {float:none;margin: 0; display:inline-block !important; left:auto; right:auto; } .navbar-collapse.collapse {padding-bottom: 0;overflow: visible!important; width: 100%;} .nav>li>a:focus, .nav>li>a:hover, .nav>li.active>a {text-decoration: none;background-color:transparent; border-bottom:2px solid #df702b; color:#2a597d;} .navbar .dropdown-menu {position: absolute;font-family:"Corporate S W01 Light"; font-weight:normal;top: 50px;left: 0;z-index: 1000;float: left;min-width: 160px;padding: 15px 0px;margin: 2px 0 0;font-size: 18px;background-color: #2a597d;-webkit-background-clip: padding-box;background-clip: padding-box;border: 0 none;border-radius: 0px;-webkit-box-shadow: none;box-shadow: none;} .navbar .dropdown-menu a {color:#fff; text-transform: none;padding:0 15px;} .navbar .dropdown-menu>li {padding: 0 0;} .navbar .dropdown-menu>li>a {padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #fff;white-space: nowrap;} .navbar .dropdown-menu>li>a i {color:#ccc;} .navbar .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:hover i {color: #000;background-color: #e1e1e1;} .navbar .dropdown-menu li+li { border-left:0 none;} .navbar .nav .open>a, .navbar .nav .open>a:focus, .navbar .nav .open>a:hover {background-color: transparent;} /*** Kategorie - Filter ***/ .kategorie_filter { list-style: none; height:40px;display: block;} .kategorie_filter li>a {float: left; font-family:"DINNextW02-MediumCond";font-size: 18px; text-transform: uppercase;line-height:18px;border:0 none; color:#bdc7d1; margin-right: 10px; margin-bottom: 0px; } .kategorie_filter li>a.active {color: #2a597d;} .kategorie_filter li+li a {border-left:2px solid #2a597d; padding-left: 10px;} /*** Breadcrump ***/ .breadcrumb {padding: 0; margin-bottom: 0px; list-style: none; background-color: transparent; border-radius: 0px; margin-top: 10px; font-size: 14px; } .breadcrumb hr { margin-top: 10px; margin-bottom: 5px;} .breadcrumb a { color: #666; } .breadcrumb a:hover { color: #2a597d; } .breadcrumb > .active { color: #777; } .breadcrumb > li + li:before { padding: 0 5px; color: #2a597d; content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; } .breadcrumb a .fa-home {color:#2a597d} /*** Caroussel - News ***/ #carousel_news { margin-top: 3px !important;} #carousel_news .box1 {width: 653px; float: left;} #carousel_news .box2 { width: 470px; float: right;} #carousel_news article { position: relative;} #carousel_news article .verlauf { background: url("../img/topartikel_verlauf.png") bottom repeat-x; width: 100%; height:100%; position: absolute;} #carousel_news article .text { color:#fff; position: absolute;bottom:20px; left: 60px;right:60px;} #carousel_news article h3 {font-family:"DINNextW02-MediumCond"; font-weight: normal; font-size: 32px; line-height: 38px; margin-bottom:0;letter-spacing: 2px; text-transform: uppercase;} #carousel_news article .datum { font-size: 14px; font-family:"Corporate A W02 Light";} #carousel_news article hr {margin-top: 10px;margin-bottom: 15px; border: 0;border-top: 1px solid #fff;} #carousel_news .carousel-control.left {background-image:none;filter:none;background-repeat: no-repeat;padding-right: 5px;} #carousel_news .carousel-control {position: absolute;top: 50%; margin-top:-25px;bottom:auto;left: auto;width: 35px; height:50px;font-size: 50px; line-height:50px;color: #fff;text-align: center;text-shadow: none; background-color: #2a597d;filter: alpha(opacity=100);opacity: 1;} #carousel_news .carousel-control.right {right: 0;left: auto;background-image:none; filter:none; background-repeat: no-repeat;padding-left: 5px;} #carousel_news .carousel-control:hover { background:#df702b } #carousel_news .abstand1 {padding-left: 0px !important;padding-right: 0px !important;} #carousel_news .abstand2 {padding-left: 0px !important;padding-right: 0px !important;} #carousel_news article a { color:#fff;} #carousel_news article a:hover { color:#df702b } #carousel_news.carousel_folgeseiten { margin-top: 10px !important;} .carousel-fade .carousel-inner .item {opacity: 0.9;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;} .carousel-fade .carousel-inner .active {opacity: 1;} .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;opacity: 0.9;z-index: 1;} .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;} .carousel-fade .carousel-control {z-index: 2;} /*** Aqua Top News ***/ .aqua_topnews .topartikel { border: 1px solid #dddddd;} .aqua_topnews .topartikel .text { padding:25px 25px 15px 25px;} .aqua_topnews .artikel { margin-bottom: 10px;} .aqua_topnews .artikel .text h3{font-family:"DINNextW02-MediumCond"; font-size: 24px; margin-bottom: 3px; margin-top: 0px;color:#000;} .aqua_topnews .artikel .text .lead { font-size: 16px;font-family:"Corporate A W02 Light"; line-height: 22px;} .aqua_topnews .artikel .text .datum { color:#999; font-family:"Corporate A W02 Light"; font-size: 14px; margin-bottom: 5px; margin-top: -3px;} .aqua_topnews .artikel .text .membericon { color:#999; float: right; font-size: 14px;} .aqua_topnews .artikel .text .thema {font-family:"Corporate S W01 Light";color:#2a597d; margin-top: -5px; margin-bottom: 5px;} .aqua_topnews .artikel hr { margin-bottom: 5px; margin-top:3px;} .aqua_topnews .artikel img { margin-right: 20px;} .aqua_topnews .artikel a {color:#000;} .aqua_topnews .artikel a:hover, .aqua_topnews .artikel a:hover h3, .aqua_topnews .artikel a:hover .mehr_link, .aqua_topnews .artikel a:hover .obertitel {color:#df702b;} .aqua_topnews .obertitel {color:#2a597d; font-size: 19px; text-transform: uppercase; margin-bottom: 3px;} /*** Home SVGW and VSA News ***/ .artikel__svgw_vsa img { margin-right: 24px } a.btn.link__weitere_news { margin-bottom: 56px; font-size: 22px; } /*** Artikel - Liste ***/ .artikel_liste .artikel { margin-bottom: 30px;} .artikel_liste .artikel .text h3{font-family:"DINNextW02-MediumCond"; font-size: 24px; margin-bottom: 3px; margin-top: 0px;color:#000;} .artikel_liste .artikel .text .lead { font-size: 16px;font-family:"Corporate A W02 Light"; line-height: 22px;} .artikel_liste .artikel a {color:#333;} .artikel_liste .artikel a .mehr {color:#2a597d !important;} .artikel_liste .artikel a:hover, .artikel_liste .artikel a:hover h3, .artikel_liste .artikel a:hover .mehr_link {color:#df702b;} .artikel_liste .artikel .text .datum { color:#999; float: left;font-family:"Corporate A W02 Light"; font-size: 14px;} .artikel_liste .artikel .text .membericon { color:#999; float: right; font-size: 14px;} .artikel_liste .artikel .text .thema {font-family:"Corporate S W01 Light";color:#2a597d; margin-top: -5px; margin-bottom: 5px;} .artikel_liste .artikel hr { margin-bottom: 5px;} .artikel_liste .artikel img { margin-right: 20px;} .artikel_liste .artikel .placeholder { width: 164px; height: 142px; text-align: center;background:#fff; float: left; margin-right: 20px;} .artikel_liste .artikel .placeholder img { width: 130px; height: auto; margin: 55px auto 0 auto;} .artikel_liste .artikel .obertitel {color: #2a597d;font-size: 19px;text-transform: uppercase;margin-bottom: 3px;} /*** Paging ***/ .paging { list-style: none;} .paging li { float: left; width: 30px; height:30px; background: #e6e6e6; margin-right: 10px; text-align: center; line-height: 30px; } .paging li a { width: 100%;display: block;} .paging li.active.md-paging-page {background:#2a597d;} .paging li.active.md-paging-page a {color:#fff;} .paging .md-paging-first, .paging .md-paging-next, .paging .md-paging-last, .paging .md-paging-previous {} .paging li:hover { background:#df702b !important; } .paging li:hover a {color:#fff; } /*** Artikel - Detail ***/ .artikel_detail {} .artikel_detail .lead {font-family:"DINNextW02-MediumCond"; font-weight: normal; font-size: 20px; line-height: 27px; letter-spacing: 0.1px; margin-top: 10px;} .artikel_detail .banner_leaderboard { margin:20px 0;} .artikel_detail .haupttext p {font-family:"Corporate A W02 Light"; font-weight: normal; font-size: 18px; line-height: 25px; margin-bottom: 15px;} .artikel_detail .haupttext a { border-bottom:1px solid #ededed; padding-bottom: 1px; } .artikel_detail .orange_background { background:#df702b; color:#fff; padding:8px 15px;} .artikel_detail .orange_background:hover {background:#2a597d} .artikel_detail .right_border { border-right:1px solid #e6e6e6; padding-right:15px; margin-right:15px;} .artikel_detail .artikel_datum { color:#666;padding-top: 6px; font-family:"Corporate A W02 Light";} .artikel_detail .artikel_typ {font-family:"DIN Next W02 Bold Cond"; padding-top: 5px; font-weight: normal; text-transform: uppercase; font-size: 24px; line-height: 31px;color:#2a597d;} .artikel_detail .artikel_leiste { display: block; line-height: 36px; margin-top: 10px;} .artikel_detail .bildlegende {font-family:"Corporate S W02 Italic"; font-weight: normal; font-size: 18px; line-height: 25px;position: absolute; bottom:0; left:0; background: rgba(256, 256,256, 0.7); width: 100%; padding:10px 15px;} .artikel_detail .autoren { list-style: none; margin-bottom: 20px; margin-top: -10px;} .artikel_detail .autoren li { margin-bottom:20px;} .artikel_detail .autoren .autor_titel { font-family:"Corporate A W02 Light"; font-weight: normal; font-size: 18px;} .artikel_detail .autoren a { color:#666666;font-family:"Corporate S W01 Light"; font-weight: normal; font-size: 16px; } .artikel_detail .autoren .modal_titel {font-size:55px; color:#2a597d;line-height:62px;font-family:"DIN Next W02 Bold Cond"; font-weight: normal; margin:0 0 20px 0; padding:0;} .artikel_detail .autoren_link a {color:#666; cursor: zoom-in;} .artikel_detail .autoren>a:hover { color:#2a597d;cursor: zoom-in;} .artikel_detail .item .foto { background: #e8e8e8; width: 100%; } .artikel_detail .item .foto img {margin:0 auto;} .artikel_detail .zusatzbox {background: #efefef; padding:30px; margin: 30px 0; display: block;} .artikel_detail h1 { font-size: 34px; line-height: 44px; color:#000; text-transform: none; font-weight: normal; } .artikel_detail h3.obertitel { font-size: 24px; color: #2a597d; line-height: 31px; text-transform: uppercase;font-family:"DINNextW02-MediumCond"; margin-bottom: 5px;} .artikel_detail table { width: 100%; margin:10px 0;} .artikel_detail table td { padding: 3px 0; border-bottom: 1px solid #2a597d} .artikel_detail li { margin-left: 20px;} .artikel_detail .translate_notice { background: #df702b; padding: 10px 14px 7px 14px; color: #FFF} .artikel_detail .translate_notice a:hover { color: #fff;} .artikel_detail hr.mt-13 { margin-top: 13px; } .artikel_detail hr.mb-13 { margin-bottom: 13px; } #carousel_artikelfoto { margin-bottom: 20px;} /*** Artikel - Detail - Karusel ***/ #carousel_artikelfoto .carousel-control.right {right: 0;left: auto;background-image:none;filter: none; background-repeat: no-repeat;} #carousel_artikelfoto .carousel-control {position: absolute;top: 200px;bottom: auto;left: 0;width: 35px; height:35px;font-size: 25px;color: #fff;text-align: center;text-shadow: none; background-color:#2a597d; filter: alpha(opacity=100);opacity: 1;} #carousel_artikelfoto .carousel-control.left { background-image: none;filter:none; background-repeat: no-repeat;} #carousel_artikelfoto .carousel-control:hover { background: #df702b} /*** Light Gallery ***/ .lg-outer .lg-thumb-item {border: 2px solid #FFF;border-radius: 0px;margin-bottom: 5px;} .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {border-color: #2a597d} #carousel_artikelfoto .item img:hover { cursor: zoom-in;} /*** Banner Box ***/ .banner_box.graue_box { background:#eaeaea; padding:10px 0 20px 0; margin-top: 20px; } .banner_box .banner_leaderboard { float: left} .banner_box .banner_rectangle { float: right;} /*** SVA & VSA News ***/ .nav-tabs {border-bottom:0 none;} .nav-tabs>li>a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius:0;} .nav.nav-tabs>li>a {position: relative;display: block;padding: 0 0 5px 0;font-family:"DINNextW02-MediumCond";font-size: 24px; text-transform: uppercase;border:0 none; color:#bdc7d1; margin-right: 20px; margin-bottom: 20px; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #2a597d;border:0 none; background: url("../img/titel_linie.png") left bottom no-repeat; } .svgwvsa_news .foto_rund {border-radius: 95px; margin: 20px auto 0px auto;} .svgwvsa_news .topartikel { border: 1px solid #dddddd;} .svgwvsa_news .topartikel .text { padding:25px 25px 15px 25px;} .svgwvsa_news .artikel { margin-bottom: 20px;} .svgwvsa_news .artikel .text h3{font-family:"DINNextW02-MediumCond"; font-size: 24px; margin-bottom: 3px; margin-top: 0px;color:#000;} .svgwvsa_news .artikel .text .lead { font-size: 16px;font-family:"Corporate A W02 Light"; line-height: 22px;} .svgwvsa_news .artikel .text .datum { color:#999; font-family:"Corporate A W02 Light"; font-size: 14px; margin-bottom: 3px;} .svgwvsa_news .artikel .text .membericon { color:#999; float: right; font-size: 14px;} .svgwvsa_news .artikel .text .thema {font-family:"Corporate S W01 Light";color:#2a597d; margin-top: -5px; margin-bottom: 5px;} .svgwvsa_news .artikel hr { margin-bottom: 5px;} .svgwvsa_news .artikel a {color:#000;} .svgwvsa_news .topartikel { position:relative; } .svgwvsa_news .topartikel .blog { position: absolute; top: 20px; left: 26px; font-family: "DINNextW02-MediumCond"; font-weight: normal; font-size: 30px; color: #2a597d; text-transform: uppercase; } .svgwvsa_news .obertitel {color:#2a597d; font-size: 19px; text-transform: uppercase; margin-bottom: 3px;} .svgwvsa_news .artikel a:hover, .svgwvsa_news .artikel a:hover h3, .svgwvsa_news .artikel a:hover .mehr_link, .svgwvsa_news .artikel a:hover .obertitel {color:#df702b;} /*** Anbieterverzeichnis ***/ .anbieterverzeichnis.graue_box { background:#eaeaea; padding:30px 0 30px 0; margin-top: 20px; } .anbieterverzeichnis .box { background: #fff; position: relative; width: 266px; height: 240px; border: 1px solid transparent } .anbieterverzeichnis .box .logo {height: 180px;line-height: 180px;text-align: center; } .anbieterverzeichnis .box .logo img {vertical-align: middle;width: auto;max-height: 160px;} .anbieterverzeichnis .box .firma { position: absolute; left: 30px; bottom:20px;font-family:"Corporate A W02 Light";} .anbieterverzeichnis .schatten { width: 262px; height: 21px; background: url("../img/anbieter_schatten.png") no-repeat;} .anbieterverzeichnis .carousel-control.left {background-image:none;filter:none;background-repeat: no-repeat;padding-right: 5px; left: -50px;} .anbieterverzeichnis .carousel-control {position: absolute;top: 50%; mrgin-top:25px;bottom:auto;left: 0;width: 35px; height:50px;font-size: 50px; line-height:50px;color: #2a597d;text-align: center;text-shadow: none; background-color: transparent;filter: alpha(opacity=100);opacity: 1;} .anbieterverzeichnis .carousel-control.right {right: -50px;left: auto;background-image:none; filter:none; background-repeat: no-repeat;padding-left: 5px;} .anbieterverzeichnis .carousel-control:hover { color:#df702b } .anbieterverzeichnis .box:hover { border: 1px solid #bdc7d1} /*** Anbieterverzeichnis - Liste ***/ .anbieter_liste article { border:1px solid #e6e6e6; margin-bottom: 20px; padding:20px; font-size: 18px; line-height: 25px; position: relative;} .anbieter_liste article a { color:#000;} .anbieter_liste article:hover { border:1px solid #bdc7d1;} .anbieter_liste article .schatten { position: absolute; bottom:-20px; left:0;} .anbieter_liste article .kategorie { font-size: 14px; color:#999;} .anbieter_liste article .bild { line-height: 70px; height: 70px;} .anbieter_liste article .bild img { vertical-align: middle;width: auto;max-height: 70px;} .anbieter_liste .form_box { background:#e8e8e8; padding:20px; margin-bottom: 0px; } .anbieter_liste .form-control { padding:10px 15px; height: auto; width: 250px; margin-right: 20px; border-radius: 0; border: 0 none; -webkit-box-shadow:none; box-shadow: none; font-family:"Corporate A W02 Light"; color:#333; font-size: 18px;} .anbieter_liste select#kantonFilter { width: 150px;} .anbieter_liste select#categoryMain, .anbieter_liste select#categorySub { width: 100px; } .anbieter_liste label, .tasting_liste .titel { font-family: 'interstatecondensedbold'; font-weight:normal;display: block;max-width: 100%;margin-bottom: 5px;font-weight: normal; color:#fff; text-transform: uppercase;font-size: 24px;} .anbieter_liste form { margin-bottom: 20px;} .anbieter_liste .btn.pfeil {background: none;font-size: 28px;color: #df702b; padding: 0; width: auto;} .anbieter_liste .anzahl_resultate { color:#666; margin-bottom: 20px;} .anbieter_add { float: right; color:#000; font-size: 20px; line-height: 28px;} /*** Anbieterverzeichnis - Detail ***/ .anbieter_detail { position: relative;} /*.anbieter_detail .logo { margin-right: 30px; margin-bottom: 30px;}*/ .anbieter_detail .kategorie { color:#666;} .anbieter_detail .zertifikat { background: #e8e8e8; padding:10px 20px; text-align: center;} #providerForm .checkbox input[type=checkbox], #providerForm .checkbox-inline input[type=checkbox], #providerForm .radio input[type=radio], #providerForm .radio-inline input[type=radio] {margin-left: -20px !important;} /*** Google Map ***/ #map { height: 500px; width: 100%; margin-top: 15px; } .gm-style-iw .firma {font-family: "Corporate A W02 Light"; font-size: 20px; margin-top: 10px;text-align: center;} .gm-style-iw img { margin-bottom: 10px; margin-top: 20px;} /* .gm-style-iw {visibility: hidden} */ /*** Standard Inhalt ***/ .standard_inhalt table td { padding:5px;} /*** Agenda ***/ .agenda {} .agenda article { margin-bottom: 13px; padding-bottom:10px; border-bottom: 1px solid #dddddd} .agenda h3 {font-family:"DINNextW02-MediumCond"; font-weight: normal; font-size:18px; margin:0; text-transform: uppercase;} .agenda .datum_ort { color: #999999;} .agenda .link {} .agenda article a {color:#000;} .agenda article a:hover, .agenda article a:hover .datum_ort, .agenda article a:hover .link {color: #df702b;} .agenda_detail article { border-bottom:1px solid #efefef; margin-bottom:20px; padding-bottom:20px;} .agenda_detail ul { margin-left: 15px;} .agenda .link a {color:#2a597d; margin-top:5px;} .agenda_detail .btn { background:#2a597d; color:#fff;} .agenda_detail .btn:hover { background: #df702b} .agenda_detail h1 { font-size: 34px; line-height: 44px; color:#000; text-transform: none; font-weight: normal; } .agenda_detail h3.obertitel { font-size: 24px; color: #2a597d; line-height: 31px; text-transform: uppercase;font-family:"DINNextW02-MediumCond"; margin-bottom: 5px;} .agenda_detail .bild_container { position: relative; } .agenda_detail .bild_container .bildlegende { font-family: "Corporate S W02 Italic"; font-weight: normal; font-size: 18px; line-height: 25px; position: absolute; bottom: 0; left: 0; background: rgba(256, 256,256, 0.7); width: 100%; padding: 10px 15px; } /*** Agenda - Liste ***/ .agenda_liste article { border:1px solid #e6e6e6; margin-bottom: 20px; padding:20px; font-size: 18px; line-height: 25px; position: relative;} .agenda_liste article h3 { text-transform: uppercase;} .agenda_liste article a { color:#000;} .agenda_liste article:hover { border:1px solid #bdc7d1;} .agenda_liste article .schatten { position: absolute; bottom:-20px; left:0;} .agenda_liste .form_box { background:#e8e8e8; padding:20px; margin-bottom: 0px; } .agenda_liste .form-control { padding:10px 15px; height: auto; width: 220px; margin-right: 20px; border-radius: 0; border: 0 none; -webkit-box-shadow:none; box-shadow: none; font-family:"Corporate A W02 Light"; color:#333; font-size: 18px;} .agenda_liste input {} .agenda_liste select.form-control { width: 170px;} .agenda_liste label, .tasting_liste .titel { font-family: 'interstatecondensedbold'; font-weight:normal;display: block;max-width: 100%;margin-bottom: 5px;font-weight: normal; color:#fff; text-transform: uppercase;font-size: 24px;} .agenda_liste form { margin-bottom: 20px;} .agenda_liste .btn.pfeil {background: none;font-size: 28px;color: #df702b; padding: 0; width: auto;} .agenda_liste .anzahl_resultate { color:#666; margin-bottom: 20px;} .agenda_liste .datum { color:#999; margin-bottom: 5px; cursor: } /*** Suche Liste ***/ .suche_liste {} .suche_liste article { border:1px solid #e6e6e6; margin-bottom: 20px; padding:20px; font-size: 18px; line-height: 25px; position: relative;} .suche_liste article h3 { text-transform: uppercase;} .suche_liste article a { color:#000;} .suche_liste article:hover { border:1px solid #bdc7d1;} .suche_liste article .schatten { position: absolute; bottom:-20px; left:0;} .suche_liste .form_box { background:#e8e8e8; padding:20px; margin-bottom: 0px; } .suche_liste .form-control { padding:10px 15px; height: auto; width: 600px; margin-right: 20px; border-radius: 0; border: 0 none; -webkit-box-shadow:none; box-shadow: none; font-family:"Corporate A W02 Light"; color:#333; font-size: 18px;} .suche_liste input {} .suche_liste select.form-control { width: 400px;} .suche_liste label, .tasting_liste .titel { font-family: 'interstatecondensedbold'; font-weight:normal;display: block;max-width: 100%;margin-bottom: 5px;font-weight: normal; color:#fff; text-transform: uppercase;font-size: 24px;} .suche_liste form { margin-bottom: 20px;} .suche_liste .btn.pfeil {background: none;font-size: 28px;color: #df702b; padding: 0; width: auto;} .suche_liste .anzahl_resultate { color:#666; margin-bottom: 20px;} .suche_liste .datum { color:#999; margin-bottom: 5px;} .artikel_suche select.form-control {width: 100%;} .artikel_suche .form-control {width: 100%;} .artikel_suche .form-control.datum {font-size: 13px; padding: 14px 10px} .artikel_suche .btn.pfeil {padding: 3px 15px;} .artikel_suche .hilfe, .suche_liste .hilfe{margin-top: 15px; cursor: pointer; display: block; } /*** Stellenmarkt - Liste ***/ .stellenmarkt_liste article { border:1px solid #e6e6e6; margin-bottom: 20px; padding:20px; font-size: 18px; line-height: 25px; position: relative; } .stellenmarkt_liste article a { color:#000; display: block;} .stellenmarkt_liste article:hover { border:1px solid #bdc7d1;} .stellenmarkt_liste article .schatten { position: absolute; bottom:-20px; left:0;} .stellenmarkt_liste article li { margin-left: 20px;} .stellenmarkt_liste .form_box { background:#e8e8e8; padding:20px; margin-bottom: 0px; } .stellenmarkt_liste .form-control { padding:10px 15px; height: auto; width: 250px; margin-right: 20px; border-radius: 0; border: 0 none; -webkit-box-shadow:none; box-shadow: none; font-family:"Corporate A W02 Light"; color:#333; font-size: 18px;} .stellenmarkt_liste input {} .stellenmarkt_liste select.form-control { width: 170px;} .stellenmarkt_liste label, .tasting_liste .titel { font-family: 'interstatecondensedbold'; font-weight:normal;display: block;max-width: 100%;margin-bottom: 5px;font-weight: normal; color:#fff; text-transform: uppercase;font-size: 24px;} .stellenmarkt_liste form { margin-bottom: 20px;} .stellenmarkt_liste .btn.pfeil {background: none;font-size: 28px;color: #df702b; padding: 0; width: auto;} .stellenmarkt_liste .anzahl_resultate { color:#666; margin-bottom: 20px;} .stellenmarkt_liste .typ { color:#999;} /*** Agenda - Detail ***/ .agenda_detail {} .agenda_detail .datum {color:#999; margin-bottom: 5px;} /*** Stellenmarkt ***/ .stellenmarkt {} .stellenmarkt article {margin-bottom: 13px; padding-bottom:10px; border-bottom: 1px solid #dddddd} .stellenmarkt h3 {font-family:"DINNextW02-MediumCond"; font-weight: normal; font-size:18px; margin:0;color:#000;} .stellenmarkt article a {color:#000;} .stellenmarkt article a:hover, .stellenmarkt article a:hover h3{color:#df702b} .stelle_detail .pdf_datei { background: #2a597d; padding:10px 15px; font-size: 18px; color:#fff; text-transform: uppercase; position: absolute; right:0; top:42px;} .stelle_detail .pdf_datei i {} .stelle_detail h1 { padding: 0 180px 5px 0; } .stelle_detail .pdf_datei:hover { background: #df702b } .stelle_detail li { margin-left: 20px;} /*** Portrait ***/ .portrait article h3{font-family:"DINNextW02-MediumCond"; font-size: 24px; margin-bottom: 3px; margin-top: 0px;} .portrait article .lead { font-size: 16px;font-family:"Corporate A W02 Light"; line-height: 22px;} .portrait article .datum { color:#999; font-family:"Corporate A W02 Light"; font-size: 14px;} .portrait article .membericon { color:#999; float: right; font-size: 14px;} .portrait article .thema {font-family:"Corporate S W01 Light";color:#2a597d; margin-top: -5px; margin-bottom: 5px;} .portrait article {border: 1px solid #dddddd} .portrait article .text { padding:20px;} .portrait .obertitel {color: #2a597d;font-size: 19px;text-transform: uppercase;margin-bottom: 3px;} /*** ePaper ***/ .epaper {} .epaper .grau_flaeche { background: #e8e8e8; padding: 3px 0; height: 250px; position: relative; margin-top: 20px;} .epaper .cover {width:162px; height: 209px; background: url("../img/epaper_schatten.png") no-repeat; position: absolute; left:90px; top:20px; } .epaper .cover img { margin: 9px 0 0 16px; width: 133px;} .epaper .pfeil_gross a { position: absolute; left: 270px; top:80px; font-size: 50px; color:#df702b} .epaper .nav.nav-tabs>li>a {position: relative;display: block;padding: 0 0 2px 0;font-family:"DINNextW02-MediumCond";font-size: 18px; text-transform: uppercase; line-height:18px;border:0 none; color:#bdc7d1; margin-right: 10px; margin-bottom: 0px; } .epaper .nav-tabs>li.active>a, .epaper .nav-tabs>li.active>a:focus, .epaper .nav-tabs>li.active>a:hover {color: #2a597d;border:0 none; background: none; } .epaper .nav-tabs li+li { border-left:2px solid #2a597d; padding-left: 10px;} .epaper .nav-tabs { margin-bottom: 10px;} /*** Newsletter ***/ .newsletter .form-control {display: inline-block;width: 80%;height: 54px;padding: 10px 12px;font-size: 16px;line-height: 1.42857143; color: #555; background-color: #e6e6e6;background-image: none;border:0 none;border-radius: 0px;-webkit-box-shadow: none; box-shadow: none; -webkit-transition:none;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .newsletter form { margin-top: 20px;} .newsletter { position: relative} .newsletter .btn.pfeil { position: absolute; right:30px; bottom:25px; background: none;font-size: 45px;color:#df702b} /*** Footer - IMG ***/ .footer_img img { max-width: 100%;} /*** Footer ***/ footer {} footer ul { list-style: none; margin-bottom: 20px;} footer ul li.titel {font-family:"DINNextW02-MediumCond"; font-size: 18px;color:#2a597d; background: url("../img/titel_linie_klein.png") left bottom no-repeat; padding-bottom:3px; margin-bottom: 8px; } footer .claim {font-family:"DINNextW02-MediumCond"; font-size: 20px;color:#bdc7d1; text-transform: uppercase; margin-top: 10px; letter-spacing:1px; } footer img{ width: 315px; } /*** Copyright ***/ .copyright {color: #2a597d; margin-top: 30px; margin-bottom: 30px;} /*** Social Media Icons ***/ .social_media_icons a { margin-left: 10px;} /*** Social Media Share ***/ #share-buttons a {width: 30px; text-align: center; height: 35px; float: left; color:#fff; margin-right: 5px;} #share-buttons a:hover { color: #df702b;} #share-buttons .social_facebook { color: #2a597d; } #share-buttons .social_twitter { color: #2a597d} #share-buttons .social_google { color: #2a597d} #share-buttons .social_email { color: #2a597d} /**** #share-buttons a {width: 35px; text-align: center; height: 35px; float: left; color:#fff; margin-right: 5px;} #share-buttons a:hover { background: #df702b;} #share-buttons .social_facebook { background: #39589a; } #share-buttons .social_twitter { background: #3c9eee} #share-buttons .social_google { background: #df4931} #share-buttons .social_email { background: #005fff;} ****/ /*** Überschriften ***/ h1, h2, h3, h4, h5, h6 { font-family:"DIN Next W02 Bold Cond"; font-weight: normal; margin:0; padding:0;} h1 {color: #2a597d;background: url("../img/titel_linie.png") left bottom no-repeat;padding: 0 0 5px 0;font-family:"DINNextW02-MediumCond";font-size: 24px; text-transform: uppercase; margin-bottom: 20px;} h2 {color: #2a597d;background: url("../img/titel_linie.png") left bottom no-repeat;padding: 0 0 5px 0;font-family:"DINNextW02-MediumCond";font-size: 24px; text-transform: uppercase; margin-bottom: 20px;} h3 {} h4 {} .zitat {margin:0px 0 0px -30px;} /*** Multi Comment ***/ .multi_comment { margin-top: 20px;} .multi_comment input, .multi_comment textarea{ width: 100%; background: #efefef; border:0 none; border-radius: 0;} .multi_comment input { margin-bottom: 10px;} .multi_comment textarea { height: 118px;} .multi_comment .btn { margin-top: 10px; background: #2a597d} .commentList { margin-top: 20px;} .commentList .datum_von { font-size: 14px; color:#999;} .commentList .panel-default {border-color: transparent;} .commentList .panel-default>.panel-heading {color: #333;background-color: transparent;border-color:transparent;} .commentList .btn.button_antwort {background: #efefef;font-family:"Corporate S W02 Regular" } .commentList .btn.button_antwort:hover {background:#df702b; color:#fff;} .commentList .panel-heading {padding: 0px;border-bottom: 0px none;border-top-left-radius: 0px;border-top-right-radius: 0px;} .commentList .panel {margin-bottom: 0px;background-color: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none;} .kommentar_antwort input, .kommentar_antwort textarea { width: 100%; background: #efefef; border:0 none; border-radius: 0;} .kommentar_antwort input { margin-bottom: 5px;} .kommentar_antwort textarea { height: 118px;} .commentList .well_box { margin-left: 20px;} .commentList .well {min-height: 20px;padding:0px ; border:0 none;margin-bottom: 10px;background-color: transparent; margin-left: 20px; border-radius: 0px;-webkit-box-shadow:none;box-shadow:none; margin-top: 10px;} .commentList .anzahl_antworten {font-size: 16px; color:#666;} .commentList .antwort_name { font-size: 14px; color:#999;} .commentList .likeButton { display: none;} /*** Formulare ***/ .form-horizontal .form-group label { text-align: left; font-weight: normal; } .form-horizontal .form-group input[type=text], .form-horizontal .form-group textarea { border: 0 none; background: #ededed; width: 350px; padding: 10px; } .form-horizontal .form-group textarea { height: 200px; } .form-horizontal .form-group input[type="radio"] { width: auto; } /*.form-horizontal .form-group .radio input { margin: -8px 10px 0 -20px; }*/ .radio.indent { padding-left: 20px; } .form-horizontal .form-group .btn { background: #2a597d; color: #fff; border-radius: 0; font-size: 18px; text-transform: uppercase; width: auto; } .form-horizontal .form-control { display: block; width: 350px; height: 40px; padding: 10px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #2a597d; background-image: none; border: 0 none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; } .standard_text label { font-weight: normal; } .form-horizontal input[type=checkbox], .form-horizontal input[type=radio] { margin: -8px 0 0 0px; line-height: normal; } .form-horizontal .checkbox.sub-item { padding-left:20px; } .form-horizontal .bg-danger { border: 1px dashed #df702b !important;} /*** Newsletter - Anmeldung ***/ .newsletter_anmeldung select, .newsletter_anmeldung input[type=text],.newsletter_anmeldung input[type=email] { border: 0 none; background-color: #ededed; width: 350px; padding: 10px; } .newsletter_anmeldung .form-horizontal .form-group .checkbox input[type=text], .newsletter_anmeldung .form-horizontal .form-group .checkbox input[type=email] {width:50px;padding: 10px;} .newsletter_anmeldung .checkbox label, .newsletter_anmeldung .radio label {min-height: 20px;padding-left: 15px;margin-bottom: 0;font-weight: 400; cursor: pointer;} .newsletter_anmeldung .checkbox input[type=checkbox], .newsletter_anmeldung .checkbox-inline input[type=checkbox], .newsletter_anmeldung .radio input[type=radio], .newsletter_anmeldung .radio-inline input[type=radio] {position: absolute;margin-left: -30px;margin-top: -10px;} .newsletter_anmeldung .lang-checkbox {width: 60px;} @-moz-document url-prefix() { .newsletter_anmeldung .checkbox label, .newsletter_anmeldung .radio label {min-height: 20px;padding-left: 20px;margin-bottom: 0;font-weight: 400; cursor: pointer;margin-bottom: 10px;} .newsletter_anmeldung .checkbox input[type=checkbox], .newsletter_anmeldung .checkbox-inline input[type=checkbox], .newsletter_anmeldung .radio input[type=radio], .newsletter_anmeldung .radio-inline input[type=radio] {position: absolute;margin-left: -45px;margin-top: -10px; } } /* ePaper */ #verification-form input:-webkit-autofill { background-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px #ededed inset !important; } #verification-form .form-control { background: #ededed !important; border: 1px solid #ededed; } #login-form input:-webkit-autofill {background-color: #ededed !important;-webkit-box-shadow: 0 0 0px 1000px #ededed inset !important;} #login-form .form-control {background: #ededed !important;border: 1px solid #ededed; } #login-form .btn-primary {background-color: #204d74;} #registration-form input:-webkit-autofill { background-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px #ededed inset !important; } #registration-form .form-control { background: #ededed !important; border: 1px solid #ededed;width: 100%; } #registration-form .form-control.input-validation-error { border: 1px solid #a94442} .validation-summary-errors ul{padding-left: 20px;} /*** Downloads ***/ .downloads i { font-size: 24px; float: left; margin-right:20px; } .downloads > div { margin-bottom:20px; } /*** Newsletter - Automator ***/ .newsletter_automator { margin-top: 40px;} .newsletter_automator article { margin-bottom: 0px; padding-bottom: 20px; border-bottom: 1px solid #ededed;} .newsletter_automator h2 {background: none; margin-bottom: 5px;} .newsletter_automator .artikelinformationen { background: #ededed; padding: 20px;} .newsletter_automator h1 {font-size: 35px; line-height: 55px;} .newsletter_automator .hilfetext { display: inline-block; color:#999;font-size: 14px; line-height: 21px;} .newsletter_automator .badge {background:#2a597d; color:#fff; } .newsletter_automator .badge:hover { cursor:context-menu; background: #333;} /*** Twitter / X Hack ***/ .fa.fa-twitter{ font-family:sans-serif; } .fa.fa-twitter::before{ content:"𝕏"; font-size:1.2em; } /************************ Media Queries ***************************/ /*** Large screens ***/ @media only screen and (min-width : 1824px) { } /*** Desktops and laptops ***/ @media only screen and (min-width : 1224px) and (max-width : 1824px) { } /*** Small Desktops ***/ @media only screen and (min-width : 1025px) and (max-width : 1223px) { } /*** iPads (portrait and landscape) ***/ @media only screen and (min-width : 768px) and (max-width : 1024px) { } /*** iPads (landscape) ***/ @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { /*** Header ***/ header .logo {width: 460px;} /*** Navigation ***/ .navbar { font-size: 24px;} .navbar li { padding:0 12px 0 12px;} #carousel_news .box1 {width: 57%;float: left;} #carousel_news .box1 img { width: 100%} #carousel_news .box2 {width: 41%;float: right;} #carousel_news .box2 img {width: 100%;} /*** Anbieterverzeichnis ***/ .anbieterverzeichnis .box {width: 220px;height: 240px;border: 1px solid transparent;} .anbieterverzeichnis .schatten {width: 220px;height: 21px;background: url(../img/anbieter_schatten.png) no-repeat right;} .anbieter_liste article .schatten { width:100%; overflow: hidden; } .anbieter_liste article .bild img {width: 90%;} .anbieter_liste .form-control { padding:10px 15px; height: auto; width: 200px; margin-right: 15px; border-radius: 0; border: 0 none; -webkit-box-shadow:none; box-shadow: none; font-family:"Corporate A W02 Light"; color:#333; font-size: 18px;} .anbieter_liste select.form-control { width: 150px;} /*** Stellenmarkt ***/ .stellenmarkt_liste article .schatten { position: absolute; bottom:-20px; left:0; width: 100%; overflow: hidden;} /*** Agenda ***/ .agenda_liste article .schatten { position: absolute; bottom:-20px; left:0; width: 100%; overflow: hidden;} /*** Checkbox / Radio ***/ .newsletter_anmeldung .checkbox input[type=checkbox], .newsletter_anmeldung .checkbox-inline input[type=checkbox], .newsletter_anmeldung .radio input[type=radio], .newsletter_anmeldung .radio-inline input[type=radio] { margin-left: -60px; } .newsletter_anmeldung .checkbox label, .newsletter_anmeldung .radio label {min-height: 50px;padding-left: 45px;} .form-horizontal input[type=radio] { margin: 2px 2px 0 -20px; line-height: normal; } /*** Banner ***/ .banner_label.wideboard {width: 100%;margin: 0 auto;} .wideboard_box {padding: 15px 20px 25px 20px;} .banner.banner_rectangle { margin-top:10px;} .banner_box .banner_leaderboard { width: 65%} .banner_box .banner_leaderboard img { width: 100%; height: auto;} .banner_box .banner_rectangle { margin-top: 0;} .banner.fullbanner img { width: 100%; height: auto;} .banner img { width: 100%;} /*** Footer ***/ footer .claim {font-family:"DINNextW02-MediumCond"; font-size: 18px;color:#bdc7d1; text-transform: uppercase; margin-top: 10px; letter-spacing:1px; } footer img{ width: 280px; } } /*** iPads (portrait) ***/ @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { /*** Preloader ***/ #preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0; width:100%;background-color: #ffffff;z-index: 999; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";filter: alpha(opacity=98);opacity:.98;} #loading-animation {height: 100%; text-align: center; width: 100%; position: absolute;left: 0; top: 10%; margin-left: 0; background-image: url(../img/loader.svg); background-repeat: no-repeat; background-position: center;} #preloader .claim { color: #bdc7d1; font-size: 28px; font-family:"DIN Next W02 Bold Cond"; font-weight: normal; text-transform: uppercase; margin-top: 20px;} #preloader img { width: 90%;} /*** Header **/ header {padding: 20px 0 0px 0;} header .logo {width: 100%;} header .btn.btn_login {margin: 15px 0 10px 0; text-align: center} header .sprachauswahl {margin-top: 15px;margin-right: 15px;} header .btn.btn_suche {margin: 10px 0 0 0;} /*** Banner ***/ .banner_label.wideboard {width: 100%;margin: 0 auto;} .wideboard_box {padding: 15px 20px 25px 20px;} .banner img { width: 100%; height: auto;} .banner.banner_rectangle { margin-top:10px;} .banner.banner_rectangle img { width: auto;} .banner_box .banner_leaderboard {float:none;} .banner_box .banner_rectangle {float: none; margin-top: 10px;} .banner_label.wideboard {width: 100%;margin: 0 auto;} /*** Checkbox ***/ .newsletter_anmeldung .checkbox input[type=checkbox], .newsletter_anmeldung .checkbox-inline input[type=checkbox], .newsletter_anmeldung .radio input[type=radio], .newsletter_anmeldung .radio-inline input[type=radio] { margin-left: -60px; } .newsletter_anmeldung .checkbox label, .newsletter_anmeldung .radio label {min-height: 50px;padding-left: 45px;} /*** Navigation ***/ .navbar { font-size: 19px; } .navbar li { padding:0 7px 0 7px;} .navbar li>a {line-height: 23px; } /*** Carusel ***/ #carousel_news .box1 {width: 57%;float: left;} #carousel_news .box1 img { width: 100%} #carousel_news .box2 {width: 41%;float:right;} #carousel_news .box2 img {width: 100%;} /*** Anbieterverzeichnis ***/ .anbieterverzeichnis .box {width: 160px;height: 180px;border: 1px solid transparent;} .anbieterverzeichnis .box .logo img {width: 80%;max-height: 120px;} .anbieterverzeichnis .schatten {width: 180px;height: 21px;background: url(../img/anbieter_schatten.png) no-repeat right;} .anbieter_liste article .schatten { width:100%; overflow: hidden; } .anbieter_liste article .bild img {width: 90%;} .anbieter_liste .form-control { padding:10px 15px; height: auto; width: 110px; margin-right: 10px; border-radius: 0; border: 0 none; -webkit-box-shadow:none; box-shadow: none; font-family:"Corporate A W02 Light"; color:#333; font-size: 18px;} .anbieter_liste select.form-control { width: 130px;} /*** Stellenmarkt ***/ .stellenmarkt_liste article .schatten { position: absolute; bottom:-20px; left:0; width: 100%; overflow: hidden;} .stellenmarkt_liste .form-control { padding:10px 15px; height: auto; width: 200px; margin-right: 10px; border-radius: 0; border: 0 none; -webkit-box-shadow:none; box-shadow: none; font-family:"Corporate A W02 Light"; color:#333; font-size: 18px;} .stellenmarkt_liste select.form-control { width: 150px;} /*** Agenda ***/ .agenda_liste article .schatten { position: absolute; bottom:-20px; left:0; width: 100%; overflow: hidden;} .agenda_liste .form-control { padding:10px 15px; height: auto; width: 190px; margin-right: 10px; border-radius: 0; border: 0 none; -webkit-box-shadow:none; box-shadow: none; font-family:"Corporate A W02 Light"; color:#333; font-size: 18px;} .agenda_liste select.form-control { width: 170px;} /*** Tabs ***/ .nav-tabs>li {margin-bottom: 10px;} /*** Banner ***/ .banner_label.wideboard {width: 100%;margin: 0 auto;} .wideboard_box {padding: 15px 20px 25px 20px;} .banner.banner_rectangle { margin-top:10px;} .banner_box .banner_leaderboard { width: 65%} .banner_box .banner_leaderboard img { width: 100%; height: auto;} .banner_box .banner_rectangle { margin-top: 0;} .banner.fullbanner img { width: 100%; height: auto;} /*** Newsletter ***/ .newsletter .btn.pfeil { right: 5px; } /*** Artikel Detail ***/ .socialmedia_share { margin-top: 10px;} .artikel_detail .artikel_typ { float: none !important; border-right: 0 none;} .artikel_detail .artikel_datum { margin-top: 10px; margin-bottom: 20px; } /*** ePaper ***/ .epaper .cover {width: 162px; height: 209px; background: url(../img/epaper_schatten.png) no-repeat;position: absolute;left: 20px;top: 20px; } .epaper .pfeil_gross a {left: 180px;top: 80px; } /*** Footer ***/ footer .claim {font-family:"DINNextW02-MediumCond"; font-size: 15px;color:#bdc7d1; text-transform: uppercase; margin-top: 10px; letter-spacing:normal; } footer img{ width: 220px; } footer { font-size: 14px;} } /*** Smartphones (portrait and landscape) ***/ @media only screen and (min-width : 320px) and (max-width : 480px) { table { width: 100%;} /*** Preloader ***/ #preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0; width:100%;background-color: #ffffff;z-index: 999; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";filter: alpha(opacity=98);opacity:.98;} #loading-animation {height: 100%; text-align: center; width: 100%; position: absolute;left: 0; top: 10%; margin-left: 0; background-image: url(../img/loader.svg); background-repeat: no-repeat; background-position: center;} #preloader .claim { color: #bdc7d1; font-size: 28px; font-family:"DIN Next W02 Bold Cond"; font-weight: normal; text-transform: uppercase; margin-top: 20px;} #preloader img { width: 90%;} /*** Header **/ header .logo {width: 100%;text-align: center;margin: 0 auto;} header {padding: 0px 0 0px 0;} header .btn.btn_login {margin: 15px 0 10px 0; text-align: center} header .sprachauswahl {margin-top: 30px;margin-right: 15px;} header .btn.btn_suche {margin: 25px 0 0 0;} /*** Banner ***/ .banner_label.wideboard {width: 100%;margin: 0 auto;} .wideboard_box {padding: 15px 20px 25px 20px;} .banner img { width: 100%; height: auto;} .banner.banner_rectangle { margin-top:10px;} .banner_box .banner_leaderboard {float:none;} .banner_box .banner_rectangle {float: none; margin-top: 10px;} /*** Navigation ***/ .navbar-toggle {float: left;padding: 12px 13px;margin-top: 18px;margin-right: 15px;margin-bottom: 8px;background-color: #2a597d;background-image: none; border: 1px solid transparent; border-radius: 0px;} .navbar-toggle .icon-bar {width: 30px;height: 3px;border-radius: 1px; background: #fff;} .navbar {min-height:auto;margin-top: 10px;padding-top: 10px; border-top: 3px solid #2a597d;} .navbar-collapse {padding-right: 0px;padding-left: 0px;} .navbar li { padding:0; text-align: center; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #bdc7d1;} .navbar li>a { padding: 0; line-height: 30px;border-bottom:0 none;} .navbar li+li {border-left: 0 none; } .navbar-nav {float:none;margin: 0; display:block !important; left:auto; right:auto; } .nav>li>a:focus, .nav>li>a:hover, .nav>li.active>a {text-decoration: none;background-color:transparent; border-bottom:0 none; color:#2a597d;} .navbar .dropdown-menu {position: absolute;font-family:"Corporate S W01 Light"; font-weight:normal;top: 50px;left: 0;z-index: 1000;float: left;min-width: 160px;padding: 0px;margin: 2px 0 0;font-size: 18px;background-color: #2a597d;-webkit-background-clip: padding-box;background-clip: padding-box;border: 0 none;border-radius: 0px;-webkit-box-shadow: none;box-shadow: none;} .navbar .dropdown-menu a {color:#2a597d; text-transform: none;padding:0 15px;} .navbar .dropdown-menu>li {padding: 5px 0; margin-bottom: 0 !important; border-bottom: 1px solid #efefef;} .navbar .dropdown-menu>li>a {padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #2a597d;white-space: nowrap;} .navbar .dropdown-menu>li>a i {display:none;} .navbar .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:hover i {color: #000;background-color: #e1e1e1;} .navbar .dropdown-menu li+li { border-left:0 none;} .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 5px 0 5px 0px;} .navbar .nav .open>a, .navbar .nav .open>a:focus, .navbar .nav .open>a:hover {background-color: transparent;} /*** Home - Carusel ***/ #carousel_news article .text {bottom: 20px;left: 20px;right: 20px; } #carousel_news article h3 {font-size: 26px;line-height: 32px;letter-spacing: normal; max-width: 90%; } #carousel_news .abstand1 {padding-left: -15px !important;padding-right: -15px !important;} #carousel_news .box1, #carousel_news .box2 {width:auto;float:none;} #carousel_artikelfoto .carousel-control {top: 0px;} /*** Artikel ***/ .aqua_topnews .artikel img {margin-right: 0px; margin-bottom: 20px; float: none !important} /*** Stellenverzeichnis ***/ .stellenmarkt_liste select.form-control, .stellenmarkt_liste .form-control {width: 100%;} .stellenmarkt_liste article {overflow: hidden;} /*** Anbieterverzeichnis ***/ .anbieter_liste article {overflow: hidden;} .anbieter_liste select.form-control,.anbieter_liste .form-control {width: 100%;} .anbieterverzeichnis .box {width: 100%;height: 240px;border: 1px solid transparent;} .anbieterverzeichnis .schatten {width: 100%;height: 21px;background: url(../img/anbieter_schatten.png) no-repeat right;} /*** Agenda ***/ .agenda_liste .form-control {width: 100%;} .agenda_liste article {overflow: hidden;} /*** Artikel Liste ***/ .artikel_liste .artikel img {float:none !important; margin-bottom: 20px;} /*** Artikel Detail ***/ .socialmedia_share { margin-top: 10px;} .artikel_detail .artikel_typ { float: none !important; border-right: 0 none;} .artikel_detail .artikel_datum { margin-top: 10px; margin-bottom: 20px; } .kategorie_filter {height: 60px;display: block; } .kategorie_filter li>a {margin-bottom: 10px;} /*** Paging ***/ .paging { display:block; float:none; margin-bottom: 80px;} /*** Footer ****/ footer { text-align: center;} footer ul li.titel { background: url(../img/titel_linie_klein.png) center bottom no-repeat;} .copyright .text-right, .copyright { text-align: center !important; margin-top: 20px;} .breadcrumb { display: none;} .navbar.keinslider {border-bottom:0 none;} .artikel_detail .artikel_datum {display: block;} .placeholder { display: none;} .drucken_button { display: none;} .newsletter_anmeldung select, .newsletter_anmeldung input { border: 0 none; background-color: #ededed; width: 330px; padding: 10px; margin-left: 15px; } .newsletter_anmeldung .form-horizontal .form-group .checkbox input {width:50px;padding: 10px;} .newsletter_anmeldung .checkbox label, .newsletter_anmeldung .radio label {min-height: 20px;padding-left: 15px;margin-bottom: 0;font-weight: 400; cursor: pointer;} .newsletter_anmeldung .checkbox input[type=checkbox], .newsletter_anmeldung .checkbox-inline input[type=checkbox], .newsletter_anmeldung .radio input[type=radio], .newsletter_anmeldung .radio-inline input[type=radio] {position: absolute;margin-left: -30px;margin-top: -10px;} .form-horizontal .form-group input[type=text], .form-horizontal .form-group textarea { border: 0 none; background: #ededed; width: 330px; padding: 10px; border-radius: 0; } /*** Checkbox ***/ .newsletter_anmeldung .checkbox input[type=checkbox], .newsletter_anmeldung .checkbox-inline input[type=checkbox], .newsletter_anmeldung .radio input[type=radio], .newsletter_anmeldung .radio-inline input[type=radio] { margin-left: -55px; } .newsletter_anmeldung .checkbox label, .newsletter_anmeldung .radio label {min-height: 50px;padding-left: 55px;} .newsletter_anmeldung .form-horizontal .form-group .btn { margin-left: 15px;} .form-horizontal input[type=checkbox], .form-horizontal input[type=radio] {margin: 0px 0 0 -20px;} } /*** iPhone 6 (portrait & landscape) ***/ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ /*** Preloader ***/ #preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0; width:100%;background-color: #ffffff;z-index: 999; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";filter: alpha(opacity=98);opacity:.98;} #loading-animation {height: 100%; text-align: center; width: 100%; position: absolute;left: 0; top: 10%; margin-left: 0; background-image: url(../img/loader.svg); background-repeat: no-repeat; background-position: center;} #preloader .claim { color: #bdc7d1; font-size: 28px; font-family:"DIN Next W02 Bold Cond"; font-weight: normal; text-transform: uppercase; margin-top: 20px;} #preloader img { width: 90%;} /*** Header **/ header .logo {width: 100%;text-align: center;margin: 0 auto;} header {padding: 0px 0 0px 0;} header .btn.btn_login {margin: 15px 0 10px 0; text-align: center} header .sprachauswahl {margin-top: 30px;margin-right: 15px;} header .btn.btn_suche {margin: 25px 0 0 0;} /*** Banner ***/ .banner_label.wideboard {width: 100%;margin: 0 auto;} .wideboard_box {padding: 15px 20px 25px 20px;} .banner img { width: 100%; height: auto;} .banner.banner_rectangle { margin-top:10px;} .banner_box .banner_leaderboard {float:none;} .banner_box .banner_rectangle {float: none; margin-top: 10px;} /*** Navigation ***/ .navbar-toggle {float: left;padding: 12px 13px;margin-top: 18px;margin-right: 15px;margin-bottom: 8px;background-color: #2a597d;background-image: none; border: 1px solid transparent; border-radius: 0px;} .navbar-toggle .icon-bar {width: 30px;height: 3px;border-radius: 1px; background: #fff;} .navbar {min-height:auto;margin-top: 10px;padding-top: 10px; border-top: 3px solid #2a597d;} .navbar-collapse {padding-right: 0px;padding-left: 0px;} .navbar li { padding:0; text-align: center; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #bdc7d1;} .navbar li>a { padding: 0; line-height: 30px;border-bottom:0 none;} .navbar li+li {border-left: 0 none; } .navbar-nav {float:none;margin: 0; display:block !important; left:auto; right:auto; } .nav>li>a:focus, .nav>li>a:hover, .nav>li.active>a {text-decoration: none;background-color:transparent; border-bottom:0 none; color:#2a597d;} .navbar .dropdown-menu {position: absolute;font-family:"Corporate S W01 Light"; font-weight:normal;top: 50px;left: 0;z-index: 1000;float: left;min-width: 160px;padding: 0px;margin: 2px 0 0;font-size: 18px;background-color: #2a597d;-webkit-background-clip: padding-box;background-clip: padding-box;border: 0 none;border-radius: 0px;-webkit-box-shadow: none;box-shadow: none;} .navbar .dropdown-menu a {color:#2a597d; text-transform: none;padding:0 15px;} .navbar .dropdown-menu>li {padding: 5px 0; margin-bottom: 0 !important; border-bottom: 1px solid #efefef;} .navbar .dropdown-menu>li>a {padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #2a597d;white-space: nowrap;} .navbar .dropdown-menu>li>a i {display:none;} .navbar .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:hover i {color: #000;background-color: #e1e1e1;} .navbar .dropdown-menu li+li { border-left:0 none;} .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 5px 0 5px 0px;} .navbar .nav .open>a, .navbar .nav .open>a:focus, .navbar .nav .open>a:hover {background-color: transparent;} /*** Home - Carusel ***/ #carousel_news article .text {bottom: 20px;left: 20px;right: 20px; } #carousel_news article h3 {font-size: 26px;line-height: 32px;letter-spacing: normal; max-width: 90%; } #carousel_news .abstand1 {padding-left: -15px !important;padding-right: -15px !important;} #carousel_news .box1, #carousel_news .box2 {width:auto;float:none;} #carousel_artikelfoto .carousel-control {top: 0px;} /*** Artikel ***/ .aqua_topnews .artikel img {margin-right: 0px; margin-bottom: 20px; float: none !important} /*** Stellenverzeichnis ***/ .stellenmarkt_liste select.form-control, .stellenmarkt_liste .form-control {width: 100%;} .stellenmarkt_liste article {overflow: hidden;} /*** Anbieterverzeichnis ***/ .anbieter_liste article {overflow: hidden;} .anbieter_liste select.form-control,.anbieter_liste .form-control {width: 100%;} .anbieterverzeichnis .box {width: 100%;height: 240px;border: 1px solid transparent;} .anbieterverzeichnis .schatten {width: 100%;height: 21px;background: url(../img/anbieter_schatten.png) no-repeat right;} /*** Agenda ***/ .agenda_liste .form-control {width: 100%;} .agenda_liste article {overflow: hidden;} /*** Artikel Liste ***/ .artikel_liste .artikel img {float:none !important; margin-bottom: 20px;} /*** Artikel Detail ***/ .socialmedia_share { margin-top: 10px;} .artikel_detail .artikel_typ { float: none !important; border-right: 0 none;} .artikel_detail .artikel_datum { margin-top: 10px; margin-bottom: 20px; } .kategorie_filter {height: 60px;display: block; } .kategorie_filter li>a {margin-bottom: 10px;} /*** Paging ***/ .paging { display:block; float:none; margin-bottom: 80px;} /*** Footer ****/ footer { text-align: center;} footer ul li.titel { background: url(../img/titel_linie_klein.png) center bottom no-repeat;} .copyright .text-right, .copyright { text-align: center !important; margin-top: 20px;} .breadcrumb { display: none;} .navbar.keinslider {border-bottom:0 none;} .artikel_detail .artikel_datum {display: block;} .placeholder { display: none;} .drucken_button { display: none;} .newsletter_anmeldung select, .newsletter_anmeldung input { border: 0 none; background-color: #ededed; width: 330px; padding: 10px; margin-left: 15px; } .newsletter_anmeldung .form-horizontal .form-group .checkbox input {width:50px;padding: 10px;} .newsletter_anmeldung .checkbox label, .newsletter_anmeldung .radio label {min-height: 20px;padding-left: 15px;margin-bottom: 0;font-weight: 400; cursor: pointer;} .newsletter_anmeldung .checkbox input[type=checkbox], .newsletter_anmeldung .checkbox-inline input[type=checkbox], .newsletter_anmeldung .radio input[type=radio], .newsletter_anmeldung .radio-inline input[type=radio] {position: absolute;margin-left: -30px;margin-top: -10px;} .form-horizontal .form-group input[type=text], .form-horizontal .form-group textarea { border: 0 none; background: #ededed; width: 330px; padding: 10px; border-radius: 0; } /*** Checkbox ***/ .newsletter_anmeldung .checkbox input[type=checkbox], .newsletter_anmeldung .checkbox-inline input[type=checkbox], .newsletter_anmeldung .radio input[type=radio], .newsletter_anmeldung .radio-inline input[type=radio] { margin-left: -55px; } .newsletter_anmeldung .checkbox label, .newsletter_anmeldung .radio label {min-height: 50px;padding-left: 55px;} .newsletter_anmeldung .form-horizontal .form-group .btn { margin-left: 15px;} .form-horizontal input[type=checkbox], .form-horizontal input[type=radio] {margin: 0px 0 0 -20px;} } /*** iPhone 6 (landscape) ***/ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2){ } /*** iPhone 6 (portrait) ***/ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2){ } /*** iPhone 6 plus (portrait & landscape) ***/ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){ } /*** iPhone 6 plus (landscape) ***/ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3){ } /*** iPhone 6 plus (portrait) ***/ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 3){ } /*** iPhone 5 (portrait & landscape) ***/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio : 2){ } /*** iPhone 5 (landscape) ***/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2){ } /*** iPhone 5 (portrait) ***/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) { }