/*** 

Schriften:
font-family:"Excelsior W01 Italic";
font-family: 'open_sanslight';
font-family: 'open_sansitalic';
font-family: 'open_sansregular';
font-family: 'open_sanssemibold';


Farben:
Blau: #3863a0
Dunkelgrau: #333


***/

/*** Basis ***/
body {font-family: 'open_sansregular'; font-size:14px;-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; background: url("/img/bg.jpg") repeat-x top #e0e0e0; /*height: 3688px*/ }
.spalte02 {margin-top: -5px;}
.spalte01 {margin-bottom:50px;}
a {color: #265797  ;text-decoration: none;}
a:hover, a:focus {color: #265797;text-decoration: none;}
small { color:#666;}
strong {font-family: 'open_sanssemibold'; 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: 0px;margin-bottom: 0px;border: 0;border-top: 1px solid #ccc;}
em {font-family: 'open_sansitalic'; font-weight: normal; font-style: normal;}
.weisse_box { background: #fff; padding:15px; margin-bottom: 20px;}
.zitat {font-family: 'open_sansitalic'; font-size:22px;}

/*** Formular Standard  ***/
.btn {display: inline-block;padding:5px 15px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;
    text-align: left;white-space: nowrap; vertical-align: middle;  -ms-touch-action: manipulation; touch-action: manipulation;
    cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none;
    border: 1px solid transparent; border-radius: 0px; text-transform: uppercase; background: #265797;color:#fff; margin-top: 20px; margin-bottom: 20px;}
label { width: 120px;}
input {  width: 200px; background: #FFF; border: 1px solid #ddd; padding: 5px; margin-bottom: 10px;}
.kein_abstand {margin-bottom:0 !important}


/*** Top ***/
header { height: 120px;}
.top_balken { background: #333; color:#999; height: 35px;  padding:0;}
.top_titel { padding: 8px 0 0 0;}
.top_titel a { color: #fff;}
.top_titel a:hover {color:#3863a0}
.top_socialmedia ul { list-style: none; float: right; }
.top_socialmedia li { float: left; border-left:1px solid #999; height: 35px; width: 40px; text-align: center; font-size: 20px; padding: 5px 0 0 0; border-right:0 none; }
.top_socialmedia li:last-child {border-right:1px solid #999;}
.top_socialmedia a { color:#999;}
.top_socialmedia a:hover { color:#fff;}


/*** Logo ***/
.navbar-brand {float: left;height:auto;padding:20px 0 0 0;font-size: 18px;line-height: auto;}


/*** Breadcrump ***/
.breadcrumb {padding: 0px 05px;margin: 0px 0 10px 0;list-style: none;background-color: transparent;border-radius: 0px;}
.breadcrumb>li+li:before {padding: 0 7px;color: #333;content: "\f105";font-family: FontAwesome;font-style: normal;font-weight: normal; text-decoration: inherit;/*--adjust as necessary--*/}
.breadcrumb>.active {color: #333;}
.breadcrumb a {color:#333;}

/*** Home - Topnews ***/
.carousel-control {position: absolute;top:15px;bottom: auto;left: auto;width: 35px; height:35px;font-size: 25px;color: #fff;text-align: center;text-shadow: none;filter: alpha(opacity=100);opacity: 1;}
.carousel-control.left {background-image:none;filter:none;background-repeat: no-repeat; background:#3863a0; color:#fff; right:60px; }
.carousel-control.right {background-image:none;filter:none;background-repeat: no-repeat; background:#3863a0; color:#fff; right:20px;}
.carousel-control.left:hover, .carousel-control.right:hover {background: #333}
.carousel-caption {position: absolute;right: auto;bottom:10px;left: 20px;z-index: 10;color: #FFF;text-align: left;text-shadow: none; background:transparent; font-family:"Excelsior W01 Italic"; }
.carousel-caption .datum_rubrik { color:#7b7a7a;}
.carousel-caption h3 { font-weight:normal; margin:5px 0 0 0 ; font-size: 40px;text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);}
.carousel-caption h4 { font-weight:normal; margin:5px 0 0 0 ; font-size: 26px;text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);}
#topnews .carousel_bg { position:absolute; left:0; top:0;width: 750px; height: 425px; background: url("/img/top_news_bg.png") repeat-x bottom;}
#topnews .item {}
#topnews .item:hover {}
#topnews .item img { }
.carousel-indicators {position: absolute;bottom: 0;left: auto; right:20px; z-index: 150;width: auto; padding-left: 0; margin-left: auto; text-align: center;list-style: none;}
.carousel-indicators li {display: inline-block;width: 18px;height: 18px;margin: 0px 3px 0 0;text-indent: -999px;cursor: pointer;background-color: #FFF; border:0 none;border-radius: 18px;}
.carousel-indicators .active {width: 18px;height: 18px;margin: 0px 3px 0 0;background-color: #3863a0;border:0 none;border-radius: 18px;}
#topnews .thema { background: #3863a0; padding:6px 10px; position: absolute; top:15px; left:15px; color: #fff; text-transform: uppercase; font-size: 14px; z-index: 120;}
#topnews { margin-bottom: 25px;}

/*** Themen Button ***/
.themen_button {}
.themen_button .button { background: #3863a0; color:#fff; text-align: center; width: 100%; padding: 20px 0; margin-bottom: 20px;}
.themen_button .button a {color:#fff; display: inline-block;}
.themen_button .button a:hover { display: block;}
.themen_button .button:hover { background:#333; }

/*** Artikel - Liste - Vertikal ***/
.artikel_box_vertikal { background: #fff; }
.artikel_box_vertikal .thema {background: #3863a0; padding:6px 10px; position: absolute; top:15px; left:30px; color: #fff; text-transform: uppercase; font-size: 14px; z-index: 120;}
.artikel_box_vertikal.position2 { }
.artikel_box_vertikal .txt { padding: 5px 20px 20px 20px; color:#000; height: 280px;}
.artikel_box_vertikal a { color:#000;}
.artikel_box_vertikal h3 {font-family:"Excelsior W01 Italic"; color:#333; font-size: 24px; font-weight: normal;}
.artikel_box_vertikal .dreieck { position: absolute; bottom:0px; left:20px; }
.artikel_box_vertikal .dreieck_left { position: absolute; right:0px; top:20px; }
.artikel_box_vertikal .img { position: relative;}
.lokal_artikel { margin-bottom: 20px;}
.no-img { padding:0 40px 30px 40px !important;}

/*** Artikel - Liste - Horizontal ***/
.artikel_box_horizontal { background: #fff; margin-bottom: 15px; }
.artikel_box_horizontal .thema {background: #3863a0; padding:6px 10px; position: absolute; top:15px; left:30px; color: #fff; text-transform: uppercase; font-size: 14px; z-index: 120;}
.artikel_box_horizontal .txt {  color:#000;padding: 0px 40px 20px 0px}
.artikel_box_horizontal a { color:#000;}
.artikel_box_horizontal h3 {font-family:"Excelsior W01 Italic"; color:#333; font-size: 24px; font-weight: normal;}
.artikel_box_horizontal .dreieck { position: absolute; right:22px; top:20px; }
.artikel_box_horizontal .img {  }

/*** Überschriften ***/
.titel {background: #3863a0; padding:6px 10px; color: #fff; text-transform: uppercase; font-size: 14px;margin: 5px 0 10px 0; display:inline-block;}
.titel a {color:#fff;}
h1 {font-family:"Excelsior W01 Italic"; color:#000; font-size:55px; font-weight: normal;}
h2 {font-family:"Excelsior W01 Italic"; color:#000; font-size:30px; font-weight: normal; margin-top: 5px; margin-bottom: 5px; line-height: 35px;}

/*** Rechte Spalte ***/
.rechts_block { margin-bottom: 20px;}

/*** Kantonsauswahl ***/
.kantonswahl ul { list-style: none}
.kantonswahl li { float:left; margin: 0 5px 10px 0;  height:40px; position: relative;}
.kantonswahl .hover {display:none; position: absolute; top:0; left:0; width: 40px; height:40px;}
.kantonswahl li:hover .hover { display:block; background: #3863a0; color:#FFF; text-align: center; padding:10px 0 0 0 ;opacity: 0.95;filter:Alpha(Opacity=95);}
.kantonswahl li.inactive { opacity: 0.3;filter:Alpha(Opacity=30);}
.kantonswahl li.inactive:hover {filter:Alpha(Opacity=100);opacity: 1; }
.kanton_label { width: 120px !important; padding-top: 10px; }
.kanton_label a { color:#000;}
.kanton_label a:hover {color:#3863a0}

/*** Alle News ***/
.alle_news ul { list-style: none;}
.alle_news li { background: #fff; padding: 10px 15px; margin-bottom: 5px;}
.alle_news li a { color: #000;}
.alle_news .datum {color:#999;}
.alle_news li:hover {background:#3863a0;}
.alle_news li:hover a {color:#fff !important;}

.agenda_rechts {}

/*** Agenda - Rechte Spalte ***/
.agenda_rechts ul { list-style: none;}
.agenda_rechts li { background: #fff; padding: 10px 15px; margin-bottom: 5px;}
.agenda_rechts li a { color: #000;}
.agenda_rechts .datum {color:#999;}
.agenda_rechts li:hover {background:#3863a0;}
.agenda_rechts li:hover a {color:#fff !important;}

/*** Agenda ***/
.agenda_detail { ;}
.agenda_detail .img { margin: 20px 0 0 0;}
.agenda_detail .txt { margin: 10px 0 10px 0 ;}
.agenda_detail h2 {color:#3863a0; }
.agenda_detail .panel-default {border-color: #cdcdcd;}
.agenda_detail .panel {margin-bottom: 20px;background-color: #fff;border: 1px solid #cdcdcd;border-radius: 0px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.agenda_detail .panel-default>.panel-heading {color: #333;background-color: #cdcdcd;;border-color: #cdcdcd;}
.agenda_detail .agenda_results_date {color: #CDCDCD;font-size: 32px;text-align: center;padding: 5px;font-weight:bold;}
.agenda_detail .agenda_results_month {text-transform: uppercase;text-align: center;padding:0px;background-color: #CDCDCD !important;padding-top: 2px;padding-bottom: 2px;}
.agenda_detail .lageplan { margin: 5px 0 20px 0;}
.btn.back { background:#efefef; border: 0 none; padding:10px; color:#333; text-transform: none;}
.agenda_datei { background: #f9f9f9; padding:10px; color:#333; font-size: 16px;}


.agenda_liste .form-control::-webkit-input-placeholder {color: #666;}
.agenda_liste .form-control:-moz-placeholder {/* FF 4-18 */color: #666;}
.agenda_liste .form-control::-moz-placeholder {/* FF 19+ */color: #666;}
.agenda_liste .form-control:-ms-input-placeholder {/* IE 10+ */color: #666;}
.agenda_liste .angendaform label {display:none;}
.agenda_liste .agenda_zip__ {width: 80px;}
.agenda_liste .form-control-special, .agenda_liste .form-control-special2, .agenda_liste  .agendaform_element {padding: 10px;height: 40px;margin-bottom: 10px;margin-top: 0px;margin-right: 10px;border-radius: 0px;}
.agenda_liste .form-control-special, .agenda_liste .form-control-special2 {padding-left: 0px;padding-right:0px;padding-top:8px;padding-bottom: 12px;margin-left: 0px;}
.agenda_liste .agendaform_button {margin-right: 0px;}
.agenda_liste .agenda_location {color: #999;}
.agenda_liste .agenda_results_date {color: #CDCDCD;font-size: 32px;text-align: center;padding: 5px;font-weight:bold;}
.agenda_liste .agenda_results_month {text-transform: uppercase;text-align: center;padding:0px;background-color: #CDCDCD !important;padding-top: 2px;padding-bottom: 2px;}
.agenda_liste .agenda_date_block {margin-left: 20px;margin-top: 25px;border-radius: 0px;}
.agenda_liste .agenda_new_entry {	margin-top: 0px;color: #000;background-color: #eeeeee;}
.agenda_liste .agenda_new_entry i {color: #265797;}
.agenda_liste .agenda_blue {color: #265797 !important;}

.agenda_liste select.select  {padding: 0px 6px;padding-left: 11px;padding-right: 12px;border: none;box-shadow: none;width: 100%; background-color: transparent;background-image: none; -webkit-appearance: none;-moz-appearance: none;appearance: none;text-indent: 0.01px;text-overflow: '';}
.agenda_liste .form-control-special .select {padding-left: 12px;}
.agenda_liste select.select:focus  { outline: none;}
.agenda_liste .lastitem {width: 100%;}
.agenda_liste .form-group {position:relative;}
.agenda_liste .form-control-special:after {top: 13%;right: 20px;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;content:"\f0dc";	font-family: "FontAwesome";	font-size: 14px;  z-index: 100;}
.agenda_liste .form-control-special2:after {top: 13%;right: 20px;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none; content:"\f0dc";font-family: "FontAwesome";font-size: 14px; z-index: 100;}




/*** Meistgelesen - Rechte Spalte ***/
.meistgelesen_rechts ul { list-style: none;}
.meistgelesen_rechts li { background: #fff; padding: 10px 15px; margin-bottom: 5px;}
.meistgelesen_rechts a { color: #000;}
.meistgelesen_rechts .datum {color:#999;}
.meistgelesen_rechts li:hover {background:#3863a0; color:#fff}
.meistgelesen_rechts li:hover a {color:#fff !important;}

/*** Ratgeber - Rechte Spalte ***/
.ratgeber_rechts ul { list-style: none;}
.ratgeber_rechts li { margin-bottom: 5px; position: relative;}
.ratgeber_rechts a { color: #000;}
.ratgeber_rechts .titel_ratgeber { padding:5px; background:#FFF; position: absolute; top:15px; left:15px; color: #000; text-transform: uppercase;}
.ratgeber_rechts .titel_ratgeber:hover { background:#3863a0; color: #FFF; }

/*** Ratgeber ***/
.ratgeber_detail {}
.ratgeber_detail li { margin-left:20px;}
.ratgeber_detail img {margin-bottom: 10px;}
.ratgeber_liste ul { list-style: none; }
.ratgeber_liste li { float:none; border:1px solid #ccc; padding:20px; margin-bottom: 15px; font-size: 16px;  }
.ratgeber_liste a { color:#333;}
.ratgeber_liste li:hover { background: #3863a0; color:#fff; border:1px solid #3863a0}

/*** Footer ***/
footer { background: #3863a0; color:#fff; padding: 30px 0;}
footer h4 {font-family: 'open_sanssemibold'; font-weight: normal; font-size: 16px; margin-bottom: 5px; line-height: 20px; text-transform: uppercase;}
footer a {color:#fff;}
footer a:hover {color:#000;}

/*** Footer Social Media ***/
.footer_social ul { list-style: none; margin-top: 10px; margin-bottom: 10px;}
.footer_social li { float:left; margin-right:10px; padding-top: 3px; color: #fff; border-radius: 15px; background: #fff; width: 30px; height: 30px; text-align: center; font-size: 18px;}
.footer_social li:hover { background: #E0E0E0;}
.footer_social li a {color: #3863a0}

/*** Footer Suche ***/
.footer_suche { margin-top: 5px;}
.footer_suche .form-control {display: block;width: 150px; height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #eeeeee; background-image: none;
    border: 0 none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -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; float: left;}
.footer_suche .btn {display: inline-block;padding: 5px 15px;margin-bottom: 0;font-size: 18px;font-weight: normal; line-height: 1.42857143;text-align: left; white-space: nowrap; vertical-align: middle;
    -ms-touch-action: manipulation; touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-image: none;    border:0px none !important;
    border-radius: 0px;text-transform: uppercase;background: #eee;color: #fff;margin-top: 0px;margin-bottom: 20px; height: 40px;color:#3863a0;}

/*** Footer Links ***/
.footer_links ul { list-style: none; }
.footer_links li {  }
.footer_links li a { color:#fff;  }
.footer_links li a:hover { color:#000;  }

/*** Footer Navigation ***/
.footer_navi { list-style: none;}

/*** Copyright ***/
.footer_copyright { background:#333; color:#fff; padding:20px 0;}
.footer_copyright a { color:#fff;}


/*** Artikel - Detail ***/
.artikel_detail { background: #fff; padding:35px;}
.artikel_detail .lead {font-family: 'open_sanssemibold'; font-weight: normal; font-size: 16px;margin: 20px 0;}
.artikel_detail .bildlegende {font-family: 'open_sansitalic'; font-weight: normal; margin: 5px 0 15px 0; color: #666;}
.artikel_detail .text { font-size: 16px;}
.artikel_detail .thema {background: #3863a0; padding:6px 10px; color: #fff; text-transform: uppercase; font-size: 14px; }
.social_media_sharing { background: #fff; padding:22px 25px 0 25px; margin:30px 0;}
.artikel_detail .zoom {display:none}
.artikel_detail .item:hover .zoom { display:block; position: absolute; bottom:0; right:0; font-size: 22px; padding:20px; background:#FFF; color:#3863a0;opacity: 1;filter:Alpha(Opacity=100);}
.artikel_detail .item:hover  {opacity: 0.95;filter:Alpha(Opacity=95); cursor: pointer }

/*** Zusatzbox ***/
.zusatzbox {padding:15px 15px 10px 15px; border:5px solid #ccc;}
.zusatzbox h3 { color:#333; margin:0 0 5px 0;}

/*** Dateien bereitstellen ***/
.artikel_dateien { list-style: none;}
.artikel_dateien li { float:none; border:1px solid #ccc; padding:20px; margin-top: 15px; font-size: 16px;  }
.artikel_dateien a { color:#333;}
.artikel_dateien li:hover { background: #3863a0; color:#fff !important; border:1px solid #3863a0}
.artikel_dateien li:hover a {color:#fff !important;}

/*** Links ***/
#links_accordion li { position: relative;list-style: none; margin-bottom: 10px; padding-left: 20px;}
#links_accordion li a { color: #333;}
#links_accordion li a:hover { color: #3863a0;}
#links_accordion li:before { content: "\f0c1";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #999; font-size: 14px;  padding-right: 15px !important;position: absolute;top: 0px; left: 0px;    }
#links_accordion .panel-default>.panel-heading {color: #333;background-color: #3863a0;border-color: #3863a0;}
.panel-group .panel-heading {border-bottom: 0;}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 0px;border-top-right-radius: 0px;}
#links_accordion .panel-heading a { color:#fff;}
#links_accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: #fff;}
#links_accordion .panel-group .panel-heading+.panel-collapse>.panel-body, #links_accordion .panel-group .panel-heading+.panel-collapse>.list-group {border-top: 1px solid #fff;}
#links_accordion .panel-default {border-color: #fff;}


/*** PDF Accordion ***/
#pdf_accordion li { position: relative;list-style: none; margin-bottom: 10px; padding-left: 20px;}
#pdf_accordion li a { color: #333;}
#pdf_accordion li a:hover { color: #3863a0;}
#pdf_accordion li:before { content: "\f1c1";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #999; font-size: 14px;  padding-right: 15px !important;position: absolute;top: 0px; left: 0px;    }
#pdf_accordion .panel-default>.panel-heading {color: #333;background-color: #3863a0;border-color: #3863a0;}
.panel-group .panel-heading {border-bottom: 0;}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 0px;border-top-right-radius: 0px;}
#pdf_accordion .panel-heading a { color:#fff;}
#pdf_accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: #fff;}
#pdf_accordion .panel-group .panel-heading+.panel-collapse>.panel-body, #pdf_accordion .panel-group .panel-heading+.panel-collapse>.list-group {border-top: 1px solid #fff;}
#pdf_accordion .panel-default {border-color: #fff;}

/*** Fotogalerie ***/
.fotogalerie_liste {}
.fotogalerie_liste article { background: #fff; padding:15px; margin-bottom: 15px; color: #333;}
.fotogalerie_liste article:hover { background: #3863a0; color:#fff;  }
.fotogalerie_liste h3 {font-family:"Excelsior W01 Italic"; font-size: 24px; font-weight: normal; margin-top: 0px;}

.fotogalerie_detail .fotogalerie li { list-style: none; float:left; margin-right:15px; margin-bottom:15px; position: relative; width:160px !important; height: 120px;overflow: hidden;cursor: pointer; text-align: center;}
.fotogalerie_detail .fotogalerie li img {   -webkit-transition: all 1s ease; -moz-transition: all 1s ease;-o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; max-width: 100%; margin: 0 auto;}
.fotogalerie_detail .fotogalerie li .zoom { display: none; position: absolute; top:0; left:0;right:0; bottom:0;background-color: rgba(0,0,0,.3); z-index: 10;}
.fotogalerie_detail .fotogalerie li .zoom i { position: absolute; top:48%; left:48%; color: #fff; font-size: 22px;}
.fotogalerie_detail .fotogalerie li:hover img { -webkit-transform:scale(1.25);-moz-transform:scale(1.25); -ms-transform:scale(1.25);-o-transform:scale(1.25); transform:scale(1.25);}
.fotogalerie_detail .fotogalerie li:hover .zoom { display: block;}

.fotogalerie_startseite {}
.fotogalerie_startseite .item { }
.fotogalerie_startseite .hover { background: rgba(56,99,160,0.8); color:#fff; position: absolute; top:0; left:0; bottom:0; right:0; opacity: 0;  }
.fotogalerie_startseite .hover .txt { position: absolute; bottom:15px; left:30px; right:15px;}
.fotogalerie_startseite .hover h3 {margin: 5px 0 0 0; font-size: 14px; text-transform: uppercase;font-family: 'open_sanssemibold'; font-weight: normal; line-height: 20px; }
.fotogalerie_startseite .hover .datum {}
.fotogalerie_startseite .img:hover .hover { opacity: 1 }
.fotogalerie_startseite .icon { position: absolute; color:#fff; top:5px; right:10px; font-size: 25px; z-index: 10}
.fotogalerie_startseite .img {position: relative;min-height: 1px;padding-right: 0px; padding-left: 0; margin: 0;}
.fotogalerie_startseite .last_img .icon { right:22px}
.fotogalerie_startseite_box { background:#fff; padding:40px 0 20px 0;}
.fotogalerie_startseite .carousel-control {position: absolute;top:50px;bottom: auto;left: -40px;width: 35px; height:35px;font-size: 40px;color: #fff;text-align: center;text-shadow: none;filter: alpha(opacity=100);opacity: 1;}
.fotogalerie_startseite .carousel-control.left {background-image:none;filter:none;background-repeat: no-repeat; background:transparent; color:#3863a0; right:auto;  }
.fotogalerie_startseite .carousel-control.right {background-image:none;filter:none;background-repeat: no-repeat; background:transparent; color:#3863a0; right:-40px; left: auto;}
.fotogalerie_startseite .carousel-control.left:hover, .fotogalerie_startseite .carousel-control.right:hover {background:transparent  }
.fotogalerie_startseite .video {position: relative;padding-right: 0px; padding-left: 0; margin: 0;width: 290px;height: 165px; overflow: hidden;}
.fotogalerie_startseite .video img {position: absolute;left: 50%;top: 49%; height: auto;width: 100%;-webkit-transform: translate(-49%,-50%);-ms-transform: translate(-49%,-50%); transform: translate(-49%,-50%);}
.fotogalerie_startseite .img { }
#fotogalerie_startseite { height: 150px;}

/*** Allgemeine Suche ***/
.allgemeine_suche {}
.allgemeine_suche article { background:#fff; margin-bottom: 15px; padding:15px;}
.allgemeine_suche article:hover {background:  #3863a0; color:#fff;}
.allgemeine_suche h3 {font-family:"Excelsior W01 Italic";  font-size: 24px; font-weight: normal; margin: 0;}
.allgemeine_suche a { color:#333;}
.allgemeine_suche_maske {}
.allgemeine_suche_maske input { background:#fff; padding:10px; width: 400px; margin-right: 10px;}
.allgemeine_suche_maske label { display: none;}
.allgemeine_suche_maske .suchen_button { width: 80px; background:  #3863a0; color:#fff; border: 1px solid #3863a0}
.suchmaske hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #f1f1f1; }
.suchmaske .suchliste article {border-bottom: 1px solid #f1f1f1;padding-bottom: 10px;margin-bottom: 20px;}
.suchmaske .suchliste article h3 {margin-top: 0px;}
.suchmaske .suchliste article a .text {color: #000}
.suchmaske .suchliste article a:hover .text {color: #265797}
.suchmaske input.suchbegriff { border: 0 none; border-bottom: 2px solid #1356a5; border-radius: 0; padding: 5px 0 6px 0; color: #9d9d9d; width: 430px; box-shadow: none; font-size: 16px;}
.suchmaske button.btn.suchicon { font-size: 25px; line-height: 37px; color: #1356a5; background: 0 0; margin-top: 0; margin-bottom: 0; }
.suchmaske .hilfe { display: inline; color: #999; }
.suchmaske .hilfe:hover { cursor: help; color: #265797; }
#modal_hilfe li { list-style-position: inside; }

/*** Suche ***/
.top_suche { margin-top: 35px; float: right; margin-right: -5px;}
.top_suche .form-control {display: block;width: 205px; height: 50px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #eeeeee; background-image: none;
    border: 0 none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -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; float: left;}
.top_suche .such_icon {display: inline-block;padding: 12px 15px 5px 15px;margin-bottom: 0;font-size: 18px;font-weight: normal; line-height: 1.42857143;text-align: left; white-space: nowrap; vertical-align: middle;
    -ms-touch-action: manipulation; touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-image: none;    border:0px none !important;
    border-radius: 0px;text-transform: uppercase;background: #eee;color: #fff;margin-top: 0px;margin-bottom: 20px; height: 50px;color:#3863a0;}


/*** Video Liste ***/
.video_liste article { margin-bottom: 20px;}

/*** Sicky Header ***/
.sticky_header {display:none;}
.sticky_header--clone { display:block;position: fixed;z-index: 1;top: 0;left: 0; width:100%; right:0;background: rgba(256,256,256,0.95);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%); transform: translateY(-100%);
    -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; padding: 10px 0 0px 0; z-index: 1000; }
.sticky_header--stick {-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
.sticky_header--unstick {}
.sticky_header .navbar-brand {float: left;height: auto;padding: 0px 0 0 0;font-size: 18px;line-height: auto;}
#navigation_sticky  .navbar {border-radius: 0px;}
#navigation_sticky  .navbar-nav { height: 63px;}
#navigation_sticky  .navbar { position: relative;min-height: 48px;margin-bottom: 10px;border: 1px solid transparent;}
#navigation_sticky  .nav>li>a {position: relative;display: block;padding: 10px 10px 33px 10px; color: #333; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; }
#navigation_sticky  .nav>li.active a { background: none; color:#3863a0}
#navigation_sticky  .nav>li>a:hover, #navigation_sticky  .nav>li>a:focus {background: none; color:#3863a0}
#navigation_sticky  {margin-top: 7px; height: 63px !important;}
#navigation_sticky  .dropdown-menu {margin-top:0px;}
#navigation_sticky  .dropdown-menu>li>a {display: block;padding: 10px 30px 10px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #FFF;white-space: nowrap; }
#navigation_sticky  .dropdown-menu>li>a:hover, #navigation_sticky  .dropdown-menu>li>a:focus {color: #FFF;text-decoration: none;background-color: #3863a0;}
.sticky_search { position: absolute; top:15px; right:0px; font-size: 18px;}
.sticky_header .navbar-brand>img  {max-height:60px;}

/*** Logo - Footer ***/
.logo_footer { background:#fff; padding:0px 0 15px 0; }
.cd-top_box { margin-top: 48px;}
.cd-top {text-transform: uppercase;font-family: 'open_sanssemibold'; font-size: 16px;}
.cd-top .fa { font-size: 16px;}
.cd-top:hover {color:#333;}


/*** Mitarbeiterliste ***/
.mitarbeiter_liste {}
.mitarbeiter_liste article { background: #fff; padding:20px; margin-bottom: 15px;}
.mitarbeiter_liste .titel1 {font-family: 'open_sanssemibold'; font-size: 18px; margin-bottom: 10px;}
.mitarbeiter_liste .titel2 {font-family:"Excelsior W01 Italic"; font-size: 16px;}
.mitarbeiter_liste .mitarbeiter_text { margin-top: 30px;}
.mitarbeiter_liste .telefon { margin-bottom: 5px;}


/*** RSS Feed ***/
.kantonsauswahl_rss li {list-style: none; float:left; margin-right: 10px; }
.kantonsauswahl_rss .hover { text-align: center;}

/*** Paging ***/
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {z-index: 2;color: #fff;cursor: default;background-color: #3863a0; border-color:transparent;}
.pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #3863a0;;text-decoration: none;background-color: #fff; border: 0 none; margin-right: 5px;}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #fff;background-color:#3863a0;border-color:transparent;}
.pagination {display: inline-block;padding-left: 0;margin: 0;border-radius: 0px;}


/*** Tipps ***/
.tipps_liste {}
.tipps_liste article { background: #fff; padding:15px; margin-bottom: 15px; color: #333;}
.tipps_liste article:hover { background: #3863a0; color:#fff  }
.tipps_liste h3 {font-family:"Excelsior W01 Italic"; font-size: 24px; font-weight: normal; margin-top: 0px;}
.tipps_liste ul { list-style: none;}
.tipps_liste li { float:left; margin-right: 10px;margin-bottom:10px;  color:#666;}
.tipps_liste .fa { margin-right: 5px;}
.tipps_liste article:hover li {  color:#fff !important  }

.tipps_detail .tags { list-style: none;margin-bottom:10px;  }
.tipps_detail .tags li { float:left; margin-right: 10px;color:#333;margin-left: 0px}
.tipps_detail .tags .fa { margin-right: 5px;}
.tipps_detail { background: #fff;padding:0px 35px 35px 35px}
.tipps_detail li { margin-left: 17px}
.tipps_detail img { margin:5px 15px 10px 0;}
.tipps_navigation { position: absolute; right:40px; top:10px; font-size: 22px;}
.tipps_navigation .fa { margin-right: 10px;}
.tipps_detail h1 { font-size: 35px;}

#tipps_startseite { background: #4d4d4d; padding:20px;color:#fff; margin-bottom: 40px;  overflow: none;}
#tipps_startseite a {color:#fff;}
#tipps_startseite a:hover {color:#CCC;}
#tipps_startseite ul { list-style: none; margin-bottom: 5px;}
#tipps_startseite li { display: inline-table;   background:#3863a0; margin-right: 4px;margin-bottom:0px;  color:#FFF; padding:2px 2px; font-size: 12px}
#tipps_startseite .text {font-family:"Excelsior W01 Italic"; font-size: 15px; font-weight: normal; margin-top: 5px; margin-bottom: 5px; line-height: 18px}
#tipps_startseite img { margin-right: 10px;}
#tipps_startseite .text { }
#tipps_startseite .tipp_titel { font-size: 20px; font-family: "Excelsior W01 Italic"; font-weight: normal; margin-top:10px; }
#tipps_startseite .tipp_lead {}

#tipps_startseite .carousel-control {position: absolute;top:110px;bottom: auto;left: -30px;width: 35px; height:35px;font-size: 40px;color: #fff;text-align: center;text-shadow: none;filter: alpha(opacity=100);opacity: 1;}
#tipps_startseite .carousel-control.left {background-image:none;filter:none;background-repeat: no-repeat; background:transparent; color:#4d4d4d; right:auto;  }
#tipps_startseite .carousel-control.right {background-image:none;filter:none;background-repeat: no-repeat; background:transparent; color:#4d4d4d; right:-30px; left: auto;}
#tipps_startseite .carousel-control.left:hover, #tipps_startseite .carousel-control.right:hover {background:transparent  }

/*** Formulare ***/

.contour {padding: 0px !important;}
.contour fieldset {padding: 0em !important;;margin: 0 0 0em 0;border: none !Important;-webkit-margin-start: 0px;-webkit-margin-end: 0px; -webkit-padding-before: 0em;
    -webkit-padding-start: 0em;-webkit-padding-end: 0em; -webkit-padding-after: 0em;}
.contourFieldSet .col-md-12 { padding-left:0 !important; padding-right: 0 !important;}
.contour .fieldLabel { float:left; width:160px; font-weight:normal; margin-top:7px;  }
.contour .contourField { display:block;  clear:both;}
.contour input, .contour textarea{ display: block;width:300px;padding: 6px 12px;font-size: 14px;color: #555;vertical-align: middle;background-color: #f0f0f0;background-image: none;border: 0 none;-webkit-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; margin-bottom:10px;}
.contour textarea{ min-height:200px;}
.contour .contourNavigation { width:80px !important; margin-left:160px;}
.contour input[type=submit] { width:100px !important; text-align: center;background:#3863a0; color: #fff;}
.contour .contourNavigation input:hover { background:#333333; color:#FFF; border:none;}
.contour select { display: block;width: 300px !important;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #f0f0f0;background-image: none;border: 0 none;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: none;transition: none;
    float: left;margin-right: 10px;-webkit-border-radius: 0px;-moz-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px !important; margin-bottom:15px;-webkit-appearance: none; -webkit-border-radius: 0px; }
.contour .contourNavigation .col-md-12 { padding-left: 0;}
.contour .field-validation-error { color:#C00; line-height:20px;}
.contour input[type=checkbox] { width:30px; display:inline; box-shadow: none; -webkit-box-shadow: none; -webkit-transition: none}
.contour table {width:300px;}
.contour td { display: table-cell !important;}
.contour .checkbox { float:left;}
.contour label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: normal;}
.contour input[type=radio] { width:30px; display:inline; box-shadow: none; -webkit-box-shadow: none; -webkit-transition: none}
.contour .radiobuttonlist { margin-bottom:10px;}
.contour .checkboxlist div { float:left;margin-bottom:10px;}
.contour .dropdownlist div {background-color: #f0f0f0;}


/*** Dokumente ***/
.dokumente_liste {}
.dokumente_liste ul { list-style: none; }
.dokumente_liste li { float:none; border:1px solid #ccc; padding:20px; margin-bottom: 15px; font-size: 16px;  }
.dokumente_liste a { color:#333;}
.dokumente_liste li:hover { background: #3863a0; color:#fff; border:1px solid #3863a0}


/*** Dossier ***/
.dossier_home { background:#4d4d4d; color:#fff; padding:25px 25px 10px 25px; margin-bottom: 25px;}
.dossier_home p a { color: #fff; text-decoration: underline; }
.dossier_home h2 { color: #fff; font-size: 35px;}
.dossier_home .dossier_img { margin:10px 20px 10px 0;}
.dossier_home ul { list-style: none}
.dossier_home li { height: 87px; background:#fff; color:#333;margin-bottom: 15px;}
.dossier_home li h2 { font-size: 20px; color:#333; margin: 0; line-height: 25px;}
.dossier_home .thema {color:#3863a0; font-size: 15px;}
.dossier_home li .dossier_txt { padding:5px 10px 5px 0; }
.dossier_home li img { margin-right: 15px;}
.dossier_home.btn:hover, .btn:focus, .btn.focus {color: #FFF;text-decoration: none;}
.dossier_home .btn {margin:0 0 10px 0;}
#dossier_mehr { display: none;}
.dossier_mehr { float: none;}
.dossier_liste {}
.dossier_liste article { background: #fff; padding:15px; margin-bottom: 15px; color: #333;}
.dossier_liste article:hover { background: #3863a0; color:#fff;  }
.dossier_liste article:hover a { color:#fff!important; }
.dossier_liste h3 {font-family:"Excelsior W01 Italic"; font-size: 24px; font-weight: normal; margin-top: 0px; color:#000 !important;}
.dossier_detail {}
.dossier_detail article {margin-bottom: 15px; color: #333;display: block; height: 87px;}
.dossier_detail article h3 {font-family:"Excelsior W01 Italic"; font-size: 24px; font-weight: normal; margin-top: 0px;color:#000 !important;}
.dossier_detail .dossier_img { margin:15px 20px 10px 0;}
.dossier_detail article img { margin-right: 15px;}
.dossier_btn_mobile {display: none;}

/*** Modal Fenster ***/
.modal-content {border-radius:0;}
.social_media_share.multi_social ul { list-style: none;}
.social_media_share.multi_social li { margin-bottom: 10px; color: #333; font-size: 16px;}
.social_media_share.multi_social li:hover { color:#1459a3; cursor: pointer;}
.social_media_share .button { width: 70px; padding:10px;color:#fff; display: inline-block; margin-right: 10px; font-size: 14px;  text-align: center;}
.social_media_share .button i {font-size: 16px; margin-right: 5px;}
.social_media_share li a { display: block;}
.social_media_share .button.facebook { background: #3b5998;}
.social_media_share .button.twitter { background: #1da1f2}
.social_media_share .button.linkedin { background: #0077b5}
.social_media_share .button.email { background: #313335}
.count { display: none;}

/*** Social Media Share ***/
.social_media_share { display: block; border-top: 1px solid #dadada;; border-bottom: 1px solid #dadada; margin: 0 35px; padding: 10px 0}
.social_media_share ul { list-style: none; float: left;}
.social_media_share ul li { float: left; margin-right: 10px; width: 40px; height: 40px; border-radius: 20px; background: #727272; color:#fff; text-align: center; line-height: 40px; font-size: 18px;}
.social_media_share ul li a { color:#fff;}
.social_media_share ul li.facebook  { background: #3b5998;}
.social_media_share ul li.twitter { background: #1da1f2;}
.social_media_share ul li.linkedin { background: #0077b5;}
.social_media_share ul li:hover { background:#1459a3; cursor: pointer;}
.social_media_share .text { margin-right: 20px; margin-top: 10px; font-family: 'Aller'; font-size: 16px;}




/*** Kommentare ***/
.kommentare legend {font-family:"Excelsior W01 Italic";font-weight: normal; display: block;width: 100%;padding: 0 0 0 15px ; margin-bottom: 20px;font-size: 24px;line-height: inherit;color: #333;border: 0; border-bottom: 0 none;}
.kommentare .form-control {display: block;width: 90%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;    background-image: none; border: 1px solid #ccc;border-radius: 0px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -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;  }
.kommentare textarea.form-control  { height: 100px;}
.kommentare label {font-weight: normal;}
.kommentare .kommentar_url { display: none;}

.commentList { margin-top: 10px; }
.commentList .panel-default {border-color: transparent;}
.commentList .panel {margin-bottom: 20px;background-color: #fff;border: 0px none transparent; border-radius: 0px; -webkit-box-shadow:0 none; box-shadow: 0 none;}
.commentList .panel-default>.panel-heading {color: #333; background-color: transparent;border-color: transparent;}
.commentList .panel-heading {padding: 10px 0px;border-bottom: 1px solid transparent; border-top-left-radius: 0px;border-top-right-radius: 0px;}
.comment_name {font-size: 15px; color:#666;}
.badge {display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 12px;font-weight: 700;line-height: 1;color: #fff;text-align: center;white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px;margin:0;}
.button_antwort { background: #CCC; color:#333; text-transform: none;}
.commentList .btn {display: inline-block;padding: 5px 15px;margin-bottom: 0; margin-top:10px !important;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: left;white-space: nowrap;vertical-align: middle; -ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 0px; text-transform: uppercase;background: #666;color: #fff;margin-top: 0px;margin-bottom: 00px;}
.commentList h4 { font-size: 18px; margin-bottom: 5px;}
.commentList .comment_txt { margin-bottom: 5px;}
.commentList .likeButton { background: none; color: #333;}
.commentList .fa { font-size: 25px;}
.commentList .fa-thumbs-up { color: #009fe3}
.commentList .fa-thumbs-down { color: #e30613}

.alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6; margin-left: 20px;}

/*** Print Button ***/
.print_button { float: right; font-size: 25px; margin-top: -8px;}


/************************ Media Queries ***************************/


/***  Large screens ***/
@media only screen and (min-width : 1824px) {

    /**** Navigation ***/
    .navigation_box { background: url("/img/navigation_bg.png") repeat-x;}
    .navbar {border-radius: 0px;}
    .navbar { position: relative;height: 55px;margin-bottom: 0px;border: 1px solid transparent;}
    .nav>li>a {position: relative;display: block;padding: 5px 15px 10px 15px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; }
    .nav>li.active { background: url("/img/navigation_aktive.png") no-repeat center bottom;}
    .nav>li>a:hover, .nav>li>a:focus {text-decoration: none;  background: url("/img/navigation_aktive.png") no-repeat center bottom  transparent;color:#CCC;}
    #navigation_desktop { margin-top: 7px;}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: transparent;border-color: transparent; background: none;}
    .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 15px;text-align: left;list-style: none;background-color: #333;-webkit-background-clip: padding-box;background-clip: padding-box;border: none;border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175); color:#fff;}
    .dropdown-menu>li>a {display: block;padding: 10px 30px 10px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #FFF;white-space: nowrap; }
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #FFF;text-decoration: none;background-color: #3863a0;}


}

/*** Desktops and laptops ***/
@media only screen and (min-width : 1224px) and (max-width : 1824px) {

    /**** Navigation ***/
    .navigation_box { background: url("/img/navigation_bg.png") repeat-x;}
    .navbar {border-radius: 0px;}
    .navbar { position: relative;height: 55px;margin-bottom: 0px;border: 1px solid transparent;}
    .nav>li>a {position: relative;display: block;padding: 5px 15px 10px 15px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; }
    .nav>li.active { background: url("/img/navigation_aktive.png") no-repeat center bottom;}
    .nav>li>a:hover, .nav>li>a:focus {text-decoration: none;  background: url("/img/navigation_aktive.png") no-repeat center bottom  transparent;color:#CCC;}
    #navigation_desktop { margin-top: 7px;}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: transparent;border-color: transparent; background: none;}
    .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 15px;text-align: left;list-style: none;background-color: #333;-webkit-background-clip: padding-box;background-clip: padding-box;border: none;border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175); color:#fff;}
    .dropdown-menu>li>a {display: block;padding: 10px 30px 10px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #FFF;white-space: nowrap; }
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #FFF;text-decoration: none;background-color: #3863a0;}


}


/*** Small Desktops ***/
@media only screen and (min-width : 1025px) and (max-width : 1223px) {

    /**** Navigation ***/
    .navigation_box {background: url("/img/navigation_bg.png") repeat-x;}
    .navbar {border-radius: 4px;}
    .navbar { position: relative;height: 55px;margin-bottom: 10px;border: 1px solid transparent;}
    .nav>li>a {position: relative;display: block;padding: 5px 15px 10px 15px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; }
    .nav>li.active { background: url("/img/navigation_aktive.png") no-repeat center bottom;}
    .nav>li>a:hover, .nav>li>a:focus {text-decoration: none;  background: url("/img/navigation_aktive.png") no-repeat center bottom  transparent;color:#CCC;}
    #navigation_desktop { margin-top: 7px;}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: transparent;border-color: transparent; background: none;}
    .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 15px;text-align: left;list-style: none;background-color: #333;-webkit-background-clip: padding-box;background-clip: padding-box;border: none;border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175); color:#fff;}
    .dropdown-menu>li>a {display: block;padding: 10px 30px 10px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #FFF;white-space: nowrap; }
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #FFF;text-decoration: none;background-color: #3863a0;}

    /*** Suche ***/
    .top_suche { margin-top: 35px; float: right; margin-right: -5px;}
    .top_suche .form-control {display: block;width: 160px; height: 50px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #eeeeee; background-image: none;
        border: 0 none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -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; float: left;}
    .top_suche .such_icon {display: inline-block;padding: 12px 15px 5px 15px;margin-bottom: 0;font-size: 18px;font-weight: normal; line-height: 1.42857143;text-align: left; white-space: nowrap; vertical-align: middle;
        -ms-touch-action: manipulation; touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-image: none;    border:0px none !important;
        border-radius: 0px;text-transform: uppercase;background: #eee;color: #fff;margin-top: 0px;margin-bottom: 20px; height: 50px;color:#3863a0;}




}

/*** iPads (portrait and landscape) ***/
@media only screen and (min-width : 768px) and (max-width : 1024px) {

    /**** Navigation ***/
    .navigation_box {background: url("/img/navigation_bg.png") repeat-x;}
    .navbar {border-radius: 4px;}
    .navbar { position: relative;height: 55px;margin-bottom: 10px;border: 1px solid transparent;}
    .nav>li>a {position: relative;display: block;padding: 5px 15px 10px 15px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; }
    .nav>li.active { background: url("/img/navigation_aktive.png") no-repeat center bottom;}
    .nav>li>a:hover, .nav>li>a:focus {text-decoration: none;  background: url("/img/navigation_aktive.png") no-repeat center bottom  transparent;color:#CCC;}
    #navigation_desktop { margin-top: 7px;}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: transparent;border-color: transparent; background: none;}
    .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 15px;text-align: left;list-style: none;background-color: #333;-webkit-background-clip: padding-box;background-clip: padding-box;border: none;border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175); color:#fff;}
    .dropdown-menu>li>a {display: block;padding: 10px 30px 10px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #FFF;white-space: nowrap; }
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #FFF;text-decoration: none;background-color: #3863a0;}



}

/*** iPads (landscape) ***/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {




    /*** Kantonsauswahl ***/
    .kantonswahl li { float:left; margin: 0 5px 10px 0;  height:auto; position: relative;}
    .kanton_label { width: 100% !important; padding-top: 0px; }

    /*** Top Titel ***/
    .top_titel { padding: 8px 0 0 0; font-size: 12px;}

    /*** Sicky Header ***/
    .sticky_header .navbar-brand {float: left;height: auto;padding: 0px 0 0 0;font-size: 18px;line-height: auto; margin-top: 12px; }

    /*** Dossier ***/
    .dossier_home li h2 { font-size: 17px; color:#333; margin: 0; line-height: 20px;}

    /*** Fotogalerie - Startseite ***/
    .fotogalerie_startseite .video {position: relative;padding-right: 0px; padding-left: 0; margin: 0;width: 230px;height: 138px; overflow: hidden;}
    .fotogalerie_startseite .video img {position: absolute;left: 50%;top: 49%; height: auto;width: 100%;-webkit-transform: translate(-49%,-50%);-ms-transform: translate(-49%,-50%); transform: translate(-49%,-50%);}


    /*** Suche ***/
    .top_suche { margin-top: 35px; float: right; margin-right: -5px;}
    .top_suche .form-control {display: block;width: 160px; height: 50px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #eeeeee; background-image: none;
        border: 0 none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -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; float: left;}
    .top_suche .such_icon {display: inline-block;padding: 12px 15px 5px 15px;margin-bottom: 0;font-size: 18px;font-weight: normal; line-height: 1.42857143;text-align: left; white-space: nowrap; vertical-align: middle;
        -ms-touch-action: manipulation; touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-image: none;    border:0px none !important;
        border-radius: 0px;text-transform: uppercase;background: #eee;color: #fff;margin-top: 0px;margin-bottom: 20px; height: 50px;color:#3863a0;}



    /*** Video Liste ***/
    .video_liste article iframe { width: 100%}

    /*** Agenda ***/
    .agenda_detail { ;}
    .agenda_detail .img { margin: 20px 0 0 0;}
    .agenda_detail .txt { margin: 10px 0 10px 0 ;}
    .agenda_detail h2 {color:#3863a0; }
    .agenda_detail .panel-default {border-color: #cdcdcd;}
    .agenda_detail .panel {margin-bottom: 20px;background-color: #fff;border: 1px solid #cdcdcd;border-radius: 0px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);}
    .agenda_detail .panel-default>.panel-heading {color: #333;background-color: #cdcdcd;;border-color: #cdcdcd;}
    .agenda_detail .agenda_results_date {color: #CDCDCD;font-size: 32px;text-align: center;padding: 5px;font-weight:bold;}
    .agenda_detail .agenda_results_month {text-transform: uppercase;text-align: center;padding:0px;background-color: #CDCDCD !important;padding-top: 2px;padding-bottom: 2px;}
    .agenda_detail .lageplan { margin: 5px 0 20px 0;}
    .btn.back { background:#efefef; border: 0 none; padding:10px; color:#333; text-transform: none;}
    .agenda_datei { background: #f9f9f9; padding:10px; color:#333; font-size: 16px;}


    /*** Agenda Liste ***/
    .agenda_liste .agenda_zip { width: 100px !important;}
    .agenda_liste .agendaform_element { width: 120px;}


    .agenda_liste .form-control-special, .agenda_liste .form-control-special2, .agenda_liste  .agendaform_element {padding: 10px;height: 40px;margin-bottom: 10px;margin-top: 0px;margin-right: 10px;border-radius: 0px;}
    .agenda_liste .form-control-special, .agenda_liste .form-control-special2 {padding-left: 0px;padding-right:0px;padding-top:8px;padding-bottom: 12px;margin-left: 0px;}
    .agenda_liste .agendaform_button {margin-right: 0px;}
    .agenda_liste .agenda_location {color: #999;}
    .agenda_liste .agenda_results_date {color: #CDCDCD;font-size: 32px;text-align: center;padding: 5px;font-weight:bold;}
    .agenda_liste .agenda_results_month {text-transform: uppercase;text-align: center;padding:0px;background-color: #CDCDCD !important;padding-top: 2px;padding-bottom: 2px;}
    .agenda_liste .agenda_date_block {margin-left: 20px;margin-top: 25px;border-radius: 0px;}

    .agenda_liste select.select  {padding: 0px 6px;padding-left: 11px;padding-right: 12px;border: none;box-shadow: none;width: 100%; background-color: transparent;background-image: none; -webkit-appearance: none;-moz-appearance: none;appearance: none;text-indent: 0.01px;text-overflow: '';}
    .agenda_liste .form-control-special .select {padding-left: 12px;}
    .agenda_liste select.select:focus  { outline: none;}
    .agenda_liste .lastitem {width: 100%;}
    .agenda_liste .form-group {position:relative;}
    .agenda_liste .form-control-special:after {top: 13%;right: 25px;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;content:"\f0dc";	font-family: "FontAwesome";	font-size: 14px;  z-index: 100;}
    .agenda_liste .form-control-special2:after {top: 13%;right: 25px;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none; content:"\f0dc";font-family: "FontAwesome";font-size: 14px; z-index: 100;}

    /*** Dreieck  ***/
    .artikel_box_horizontal .dreieck {position: absolute;right: 15px;top: 20px;}


    /*** Fotogalerie Detail ***/
    .fotogalerie_detail .fotogalerie li .zoom {display: none;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.3);z-index: 10;}
    .fotogalerie_detail .fotogalerie li:hover .zoom { display: none;}
}


/*** iPads (portrait) ***/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {


    /*** Logo ***/
    .navbar-brand {float: left;height:auto;padding:25px 0 0 0;font-size: 18px;line-height: auto; }


    /*** Navigation ***/
    .navbar { position: relative;min-height: 48px;margin-bottom: 10px;border: 1px solid transparent;}
    .nav>li>a {position: relative;display: block;padding: 5px 10px 10px 10px; color: #fff; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; }
    .nav>li.active { background: url("/img/navigation_aktive.png") no-repeat center bottom;}
    .nav>li>a:hover, .nav>li>a:focus {text-decoration: none;  background: url("/img/navigation_aktive.png") no-repeat center bottom  transparent;color:#CCC;}
    #navigation_desktop { margin-top: 7px;}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: transparent;border-color: transparent; background: none;}
    .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 15px;text-align: left;list-style: none;background-color: #333;-webkit-background-clip: padding-box;background-clip: padding-box;border: none;border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175); color:#fff;}
    .dropdown-menu>li>a {display: block;padding: 10px 30px 10px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #FFF;white-space: nowrap; }
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #FFF;text-decoration: none;background-color: #3863a0;}

    /*** Breadcrump ***/
    .breadcrumb { display:none;}


    /*** Kantonsauswahl ***/
    .kantonswahl li { float:left; margin: 0 5px 10px 0;  height:auto; position: relative;}
    .kanton_label { width: 100% !important; padding-top: 0px; }

    /*** Top Titel ***/
    .top_titel { padding: 8px 0 0 0; font-size: 11px;}
    .top_socialmedia { display: none;}

    /*** Sicky Header ***/
    .sticky_header .navbar-brand {float: left;height: auto;padding: 0px 0 0 0;font-size: 15px;line-height: auto; margin-top: 12px; }
    #navigation_sticky  .nav>li>a {position: relative;display: block;padding: 10px 5px 15px 5px; color: #333; text-transform: uppercase; font-size: 12px !important; letter-spacing: 1px; }


    /*** Dossier ***/
    .dossier_home li h2 { font-size: 17px; color:#333; margin: 0; line-height: 20px;}

    /*** Fotogalerie - Startseite ***/
    .fotogalerie_startseite .video {position: relative;padding-right: 0px; padding-left: 0; margin: 0;width: 185px;height: 105px; overflow: hidden;}
    .fotogalerie_startseite .video img {position: absolute;left: 50%;top: 49%; height: auto;width: 100%;-webkit-transform: translate(-49%,-50%);-ms-transform: translate(-49%,-50%); transform: translate(-49%,-50%);}
    .fotogalerie_startseite .carousel-control {position: absolute;top:25px;bottom: auto;left: -30px;width: 35px; height:35px;font-size: 40px;color: #fff;text-align: center;text-shadow: none;filter: alpha(opacity=100);opacity: 1;}
    .fotogalerie_startseite .carousel-control.left {background-image:none;filter:none;background-repeat: no-repeat; background:transparent; color:#3863a0; right:auto;  }
    .fotogalerie_startseite .carousel-control.right {background-image:none;filter:none;background-repeat: no-repeat; background:transparent; color:#3863a0; right:-30px; left: auto;}
    .fotogalerie_startseite .carousel-control.left:hover, .fotogalerie_startseite .carousel-control.right:hover {background:transparent  }




    /*** Video Liste ***/
    .video_liste article iframe { width: 100%}

    /*** Agenda ***/
    .agenda_detail { ;}
    .agenda_detail .img { margin: 20px 0 0 0;}
    .agenda_detail .txt { margin: 10px 0 10px 0 ;}
    .agenda_detail h2 {color:#3863a0; }
    .agenda_detail .panel-default {border-color: #cdcdcd;}
    .agenda_detail .panel {margin-bottom: 20px;background-color: #fff;border: 1px solid #cdcdcd;border-radius: 0px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);}
    .agenda_detail .panel-default>.panel-heading {color: #333;background-color: #cdcdcd;;border-color: #cdcdcd;}
    .agenda_detail .agenda_results_date {color: #CDCDCD;font-size: 32px;text-align: center;padding: 5px;font-weight:bold;}
    .agenda_detail .agenda_results_month {text-transform: uppercase;text-align: center;padding:0px;background-color: #CDCDCD !important;padding-top: 2px;padding-bottom: 2px;}
    .agenda_detail .lageplan { margin: 5px 0 20px 0;}
    .btn.back { background:#efefef; border: 0 none; padding:10px; color:#333; text-transform: none;}
    .agenda_datei { background: #f9f9f9; padding:10px; color:#333; font-size: 16px;}


    /*** Agenda Liste ***/
    .agenda_liste .agenda_zip { width: 100px !important;}
    .agenda_liste .agendaform_element { width: 150px;}

    .agenda_liste .agenda_results_date {color: #CDCDCD;font-size: 32px;text-align: center;padding: 5px;font-weight:bold; width: 80px}
    .agenda_liste .agenda_results_month {text-transform: uppercase;text-align: center;padding:0px;background-color: #CDCDCD !important;padding-top: 2px;padding-bottom: 2px;}
    .agenda_liste .agenda_date_block {margin-left: 20px;margin-top: 25px;border-radius: 0px;}



    /*** Fotogalerie Detail ***/
    .fotogalerie_detail .fotogalerie li .zoom {display: none;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.3);z-index: 10;}
    .fotogalerie_detail .fotogalerie li:hover .zoom { display: none;}


    /*** Kantonsauswahl ***/
    .kantonswahl li img  { width: 35px; height: auto;}

    /*** Artikel - Liste - Vertikal ***/
    .artikel_box_vertikal { background: #fff; }
    .artikel_box_vertikal .thema {background: #3863a0; padding:6px 10px; position: absolute; top:15px; left:30px; color: #fff; text-transform: uppercase; font-size: 14px; z-index: 120;}
    .artikel_box_vertikal.position2 { }
    .artikel_box_vertikal .txt { padding: 5px 20px 20px 20px; color:#000; height: auto;}
    .artikel_box_vertikal a { color:#000;}
    .artikel_box_vertikal h3 {font-family:"Excelsior W01 Italic"; color:#333; font-size: 24px; font-weight: normal;}
    .artikel_box_vertikal .dreieck { position: absolute; bottom:0px; left:20px; }
    .artikel_box_vertikal .dreieck_left { position: absolute; right:0px; top:20px; }
    .artikel_box_vertikal .img { position: relative;}

    /*** Artikel - Liste - Horizontal ***/
    .artikel_box_horizontal { background: #fff; margin-bottom: 15px; }
    .artikel_box_horizontal .thema {background: #3863a0; padding:6px 10px; position: absolute; top:15px; left:30px; color: #fff; text-transform: uppercase; font-size: 14px; z-index: 120;}
    .artikel_box_horizontal .txt {  color:#000;padding: 0px 40px 20px 30px}
    .artikel_box_horizontal a { color:#000;}
    .artikel_box_horizontal h3 {font-family:"Excelsior W01 Italic"; color:#333; font-size: 24px; font-weight: normal;}
    .artikel_box_horizontal .dreieck { position: absolute; right:22px; top:20px; }
    .artikel_box_horizontal .img {  }




}

/*** Smartphones (portrait and landscape) ***/
@media only screen and (min-width : 320px) and (max-width : 480px) {

    body { margin-bottom: 100px; }

    header { height:auto; padding-bottom: 20px;}
    article { margin-bottom: 15px;}


    /*** Navigation ***/
    .navigation_box {heigth:53px; background: url("/img/navigation_bg.png") repeat-x;}
    .navigation_box .container {padding-right: 0px;padding-left: 0px;margin-right: auto; margin-left: auto;}
    .navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 4px;margin-right: 15px;margin-bottom: 4px;background-color: #333;background-image: none;border: 1px solid transparent;border-radius: 4px;}
    .navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px; background: #fff;}

    .navbar-collapse { position:absolute;margin-top:3px;padding-right: 0px;padding-left:0px;overflow-x: visible;-webkit-overflow-scrolling: touch;border-top: 0px none;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: none; z-index: 1000;width: 100%; }
    .nav>li {position: relative;display: block; background: #3863a0; border-bottom:1px solid #fff; text-align: center;  }
    .nav>li>a {position: relative;display: block;padding: 10px 15px 15px 15px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;}
    .nav>li.active { background:#333; color:#fff;}
    .nav>li>a:hover, .nav>li>a:focus {text-decoration: none;  background:#333;color:#FFF;}
    .navbar-nav {margin: 0 0px;}

    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: transparent;border-color: transparent; background: none;}
    .navbar-nav .open .dropdown-menu {position: relative;float: none;width: auto;margin-top: 0; background-color: transparent;border: 0; -webkit-box-shadow: none; box-shadow: none; text-align: center}
    .navbar-nav .dropdown-menu {display:none}

    .dropdown-menu { display: none}
    .dropdown-menu>li>a {display: block;padding: 10px 30px 10px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #FFF;white-space: nowrap; }
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #FFF;text-decoration: none;background-color: #3863a0;}




    /*** Sticky Navigation ***/
    .sticky_header--clone { display: none;}

    /*** Tipps ***/
    #tipps_startseite .carousel-control {position: absolute;top:50px;bottom: auto;left: 0px;width: 15px; height:35px;font-size: 40px;color: #fff;text-align: center;text-shadow: none;filter: alpha(opacity=100);opacity: 1;}
    #tipps_startseite .carousel-control.left {background-image:none;filter:none;background-repeat: no-repeat; background:transparent; color:#4d4d4d; right:auto;  }
    #tipps_startseite .carousel-control.right {background-image:none;filter:none;background-repeat: no-repeat; background:transparent; color:#4d4d4d; right:0px; left: auto;}
    #tipps_startseite .carousel-control.left:hover, #tipps_startseite .carousel-control.right:hover {background:transparent  }

    /*** Fotogalerie Startseite ***/
    .fotogalerie_startseite .carousel-control {display:none}
    .fotogalerie_startseite .video {position: relative;padding-right: 0px; padding-left: 0; margin: 0;width: 177px;height: 108px; overflow: hidden;}
    .fotogalerie_startseite .video img {position: absolute;left: 50%;top: 49%; height: auto;width: 100%;-webkit-transform: translate(-49%,-50%);-ms-transform: translate(-49%,-50%); transform: translate(-49%,-50%);}
    .fotogalerie_startseite_box { height: 310px; padding:20px 0 20px 0;}

    .spalte01 {margin-bottom: 0px;}

    /*** Dossier ***/
    .dossier_home h2 { color: #fff; font-size: 28px;}
    .dossier_home .dossier_img { margin:10px 20px 10px 0; float: none !important;}
    .dossier_home li { height: 87px; background:#fff; color:#333;margin-bottom: 15px;}
    .dossier_home li h2 { font-size: 16px; color:#333; margin: 0; line-height: 18px;}
    .dossier_home .thema {color:#3863a0; font-size: 15px;}
    .dossier_home li .dossier_txt { padding:5px 10px 5px 0; }
    .dossier_home li img { margin-right: 15px;}
    .dossier_home.btn:hover, .btn:focus, .btn.focus {color: #FFF;text-decoration: none;}
    .dossier_home .btn {margin:0 0 10px 0;}
    #dossier_mehr { display: none;}
    .dossier_mehr { float: none;}
    .dossier_liste {}
    .dossier_liste article { background: #fff; padding:15px; margin-bottom: 15px; color: #333;}
    .dossier_liste article:hover { background: #3863a0; color:#fff;  }
    .dossier_liste h3 {font-family:"Excelsior W01 Italic"; font-size: 24px; font-weight: normal; margin-top: 0px;}
    .dossier_detail {}
    .dossier_detail article {margin-bottom: 15px; color: #333;display: block; height: 87px;}
    .dossier_detail article h3 {font-family:"Excelsior W01 Italic"; font-size: 24px; font-weight: normal; margin-top: 0px;}
    .dossier_detail .dossier_img { margin:15px 20px 10px 0;}
    .dossier_detail article img { margin-right: 15px;}
    .dossier_btn_mobile {display: block;}
    .dossier_btn {display: none;}

    /*** Home - Topnews ***/
    .carousel-control {position: absolute;top:10px;bottom: auto;left: auto;width: 30px; height:30px;font-size: 20px;color: #fff;text-align: center;text-shadow: none;filter: alpha(opacity=100);opacity: 1;}
    .carousel-control.left {background-image:none;filter:none;background-repeat: no-repeat; background:#3863a0; color:#fff; right:45px; }
    .carousel-control.right {background-image:none;filter:none;background-repeat: no-repeat; background:#3863a0; color:#fff; right:10px;}
    .carousel-control.left:hover, .carousel-control.right:hover {background: #333}
    .carousel-caption {position: absolute;right: auto;bottom:0px;left: 10px;z-index: 10;color: #FFF;text-align: left;text-shadow: none; background:transparent; font-family:"Excelsior W01 Italic"; }
    .carousel-caption .datum_rubrik { color:#7b7a7a;}
    .carousel-caption h3 { font-weight:normal; margin:5px 0 0 0 ; font-size: 25px;text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);}
    .carousel-caption h4 { font-weight:normal; margin:5px 0 0 0 ; font-size: 18px;text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);}
    #topnews .carousel_bg { position:absolute; left:0; top:0;width: 100%; height: 100%; background: url("/img/top_news_bg.png") repeat-x middle;}
    #topnews .item img { }
    .carousel-indicators {display:none}
    #topnews .thema { background: #3863a0; padding:6px 10px; position: absolute; top:10px; left:10px; color: #fff; text-transform: uppercase; font-size: 14px; z-index: 120;}

    /*** Artikel - Liste - Horizontal ***/
    .artikel_box_horizontal .txt {  color:#000;padding: 0px 40px 20px 40px}
    .artikel_box_horizontal h3 {font-family:"Excelsior W01 Italic"; color:#333; font-size: 24px; font-weight: normal;}
    .artikel_box_horizontal .dreieck {display:none}
    .artikel_box_horizontal img { width: 100%; height: auto;}


    /*** Kantonsauswahl ***/
    .kantonswahl li { float:left; margin: 0 5px 10px 0;  height:auto; position: relative;}
    .kanton_label { width: 100% !important; padding-top: 0px; }

    /*** Artikel - Detail ***/
    .artikel_detail { background: #fff; padding:20px 20px;}


    /*** Überschriften ***/
    .titel {background: #3863a0; padding:6px 10px; color: #fff; text-transform: uppercase; font-size: 14px;margin: 5px 0 10px 0; display:inline-block;}
    h1 {font-family:"Excelsior W01 Italic"; color:#000; font-size:35px; font-weight: normal;}
    h2 {font-family:"Excelsior W01 Italic"; color:#000; font-size:20px; font-weight: normal; margin-top: 5px; margin-bottom: 5px; line-height: 25px;}


    /*** Tipps ***/
    #tipps_startseite { background: #4d4d4d; padding:20px;color:#fff; margin-bottom: 40px; height: auto; overflow: none;}
    #tipps_startseite .carousel-control {display:none}


}




/*** iPhone 6 (portrait & landscape) ***/
@media only screen and (min-width : 375px) and (max-width : 767px){

    body { margin-bottom: 100px; }

    header { height:auto; padding-bottom: 20px;}


    /*** Navigation ***/
    .navigation_box {heigth:53px; background: url("/img/navigation_bg.png") repeat-x;}
    .navigation_box .container {padding-right: 0px;padding-left: 0px;margin-right: auto; margin-left: auto;}
    .navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 4px;margin-right: 15px;margin-bottom: 8px;background-color: #333;background-image: none;border: 1px solid transparent;border-radius: 4px;}
    .navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px; background: #fff;}

    .navbar-collapse { position:absolute;margin-top:3px;padding-right: 0px;padding-left:0px;overflow-x: visible;-webkit-overflow-scrolling: touch;border-top: 0px none;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: none; z-index: 1000;width: 100%; }
    .nav>li {position: relative;display: block; background: #3863a0; border-bottom:1px solid #fff; text-align: center;  }
    .nav>li>a {position: relative;display: block;padding: 10px 15px 15px 15px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;}
    .nav>li.active { background:#333; color:#fff;}
    .nav>li>a:hover, .nav>li>a:focus {text-decoration: none;  background:#333;color:#FFF;}
    .navbar-nav {margin: 0 0px;}

    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: transparent;border-color: transparent; background: none;}
    .navbar-nav .open .dropdown-menu {position: relative;float: none;width: auto;margin-top: 0; background-color: transparent;border: 0; -webkit-box-shadow: none; box-shadow: none; text-align: center}
    .navbar-nav .dropdown-menu {display:none}

    .dropdown-menu { display: none}
    .dropdown-menu>li>a {display: block;padding: 10px 30px 10px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #FFF;white-space: nowrap; }
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #FFF;text-decoration: none;background-color: #3863a0;}




    /*** Sticky Navigation ***/
    .sticky_header--clone { display: none;}

    /*** Tipps ***/
    #tipps_startseite .carousel-control {position: absolute;top:50px;bottom: auto;left: 0px;width: 15px; height:35px;font-size: 40px;color: #fff;text-align: center;text-shadow: none;filter: alpha(opacity=100);opacity: 1;}
    #tipps_startseite .carousel-control.left {background-image:none;filter:none;background-repeat: no-repeat; background:transparent; color:#4d4d4d; right:auto;  }
    #tipps_startseite .carousel-control.right {background-image:none;filter:none;background-repeat: no-repeat; background:transparent; color:#4d4d4d; right:0px; left: auto;}
    #tipps_startseite .carousel-control.left:hover, #tipps_startseite .carousel-control.right:hover {background:transparent  }

    /*** Fotogalerie Startseite ***/
    .fotogalerie_startseite .carousel-control {display:none}
    .fotogalerie_startseite .video {position: relative;padding-right: 0px; padding-left: 0; margin: 0;width: 177px;height: 108px; overflow: hidden;}
    .fotogalerie_startseite .video img {position: absolute;left: 50%;top: 49%; height: auto;width: 100%;-webkit-transform: translate(-49%,-50%);-ms-transform: translate(-49%,-50%); transform: translate(-49%,-50%);}
    .fotogalerie_startseite_box { height: 310px; padding:20px 0 20px 0;}

    .spalte01 {margin-bottom: 0px;}

    /*** Dossier ***/
    .dossier_home h2 { color: #fff; font-size: 28px;}
    .dossier_home .dossier_img { margin:10px 20px 10px 0; float: none !important;}
    .dossier_home li { height: 87px; background:#fff; color:#333;margin-bottom: 15px;}
    .dossier_home li h2 { font-size: 16px; color:#333; margin: 0; line-height: 18px;}
    .dossier_home .thema {color:#3863a0; font-size: 15px;}
    .dossier_home li .dossier_txt { padding:5px 10px 5px 0; }
    .dossier_home li img { margin-right: 15px;}
    .dossier_home.btn:hover, .btn:focus, .btn.focus {color: #FFF;text-decoration: none;}
    .dossier_home .btn {margin:0 0 10px 0;}
    #dossier_mehr { display: none;}
    .dossier_mehr { float: none;}
    .dossier_liste {}
    .dossier_liste article { background: #fff; padding:15px; margin-bottom: 15px; color: #333;}
    .dossier_liste article:hover { background: #3863a0; color:#fff;  }
    .dossier_liste h3 {font-family:"Excelsior W01 Italic"; font-size: 24px; font-weight: normal; margin-top: 0px;color:#000 !important;}
    .dossier_detail {}
    .dossier_detail article {margin-bottom: 15px; color: #333;display: block; height: 87px;}
    .dossier_detail article h3 {font-family:"Excelsior W01 Italic"; font-size: 24px; font-weight: normal; margin-top: 0px;}
    .dossier_detail .dossier_img { margin:15px 20px 10px 0;}
    .dossier_detail article img { margin-right: 15px;}
    .dossier_btn_mobile {display: block;}
    .dossier_btn {display: none;}

    /*** Home - Topnews ***/
    .carousel-control {position: absolute;top:10px;bottom: auto;left: auto;width: 30px; height:30px;font-size: 20px;color: #fff;text-align: center;text-shadow: none;filter: alpha(opacity=100);opacity: 1;}
    .carousel-control.left {background-image:none;filter:none;background-repeat: no-repeat; background:#3863a0; color:#fff; right:45px; }
    .carousel-control.right {background-image:none;filter:none;background-repeat: no-repeat; background:#3863a0; color:#fff; right:10px;}
    .carousel-control.left:hover, .carousel-control.right:hover {background: #333}
    .carousel-caption {position: absolute;right: auto;bottom:0px;left: 10px;z-index: 10;color: #FFF;text-align: left;text-shadow: none; background:transparent; font-family:"Excelsior W01 Italic"; }
    .carousel-caption .datum_rubrik { color:#7b7a7a;}
    .carousel-caption h3 { font-weight:normal; margin:5px 0 0 0 ; font-size: 25px;text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);}
    .carousel-caption h4 { font-weight:normal; margin:5px 0 0 0 ; font-size: 18px;text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);}
    #topnews .carousel_bg { position:absolute; left:0; top:0;width: 100%; height: 100%; background: url("/img/top_news_bg.png") repeat-x middle;}
    #topnews .item img { }
    .carousel-indicators {display:none}
    #topnews .thema { background: #3863a0; padding:6px 10px; position: absolute; top:10px; left:10px; color: #fff; text-transform: uppercase; font-size: 14px; z-index: 120;}

    /*** Artikel - Liste - Horizontal ***/
    .artikel_box_horizontal .txt {  color:#000;padding: 0px 40px 20px 40px}
    .artikel_box_horizontal h3 {font-family:"Excelsior W01 Italic"; color:#333; font-size: 24px; font-weight: normal;}
    .artikel_box_horizontal .dreieck {display:none}
    .artikel_box_horizontal img { width: 100%; height: auto;}


    /*** Kantonsauswahl ***/
    .kantonswahl li { float:left; margin: 0 5px 10px 0;  height:auto; position: relative;}
    .kanton_label { width: 100% !important; padding-top: 0px; }

    /*** Artikel - Detail ***/
    .artikel_detail { background: #fff; padding:20px 20px;}


    /*** Überschriften ***/
    .titel {background: #3863a0; padding:6px 10px; color: #fff; text-transform: uppercase; font-size: 14px;margin: 5px 0 10px 0; display:inline-block;}
    h1 {font-family:"Excelsior W01 Italic"; color:#000; font-size:35px; font-weight: normal;}
    h2 {font-family:"Excelsior W01 Italic"; color:#000; font-size:20px; font-weight: normal; margin-top: 5px; margin-bottom: 5px; line-height: 25px;}


    /*** Tipps ***/
    #tipps_startseite { background: #4d4d4d; padding:20px;color:#fff; margin-bottom: 40px; height: auto; overflow: none;}
    #tipps_startseite .carousel-control {display:none}

}

/*** 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){


    body { margin-bottom: 100px; }

    header { height:auto; padding-bottom: 20px;}


    /*** Navigation ***/
    .navigation_box {heigth:53px; background: url("/img/navigation_bg.png") repeat-x;}
    .navigation_box .container {padding-right: 0px;padding-left: 0px;margin-right: auto; margin-left: auto;}
    .navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 4px;margin-right: 15px;margin-bottom: 8px;background-color: #333;background-image: none;border: 1px solid transparent;border-radius: 4px;}
    .navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px; background: #fff;}

    .navbar-collapse { position:absolute;margin-top:3px;padding-right: 0px;padding-left:0px;overflow-x: visible;-webkit-overflow-scrolling: touch;border-top: 0px none;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: none; z-index: 1000;width: 100%; }
    .nav>li {position: relative;display: block; background: #3863a0; border-bottom:1px solid #fff; text-align: center;  }
    .nav>li>a {position: relative;display: block;padding: 10px 15px 15px 15px; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;}
    .nav>li.active { background:#333; color:#fff;}
    .nav>li>a:hover, .nav>li>a:focus {text-decoration: none;  background:#333;color:#FFF;}
    .navbar-nav {margin: 0 0px;}

    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: transparent;border-color: transparent; background: none;}
    .navbar-nav .open .dropdown-menu {position: relative;float: none;width: auto;margin-top: 0; background-color: transparent;border: 0; -webkit-box-shadow: none; box-shadow: none; text-align: center}
    .navbar-nav .dropdown-menu {display:none}

    .dropdown-menu { display: none}
    .dropdown-menu>li>a {display: block;padding: 10px 30px 10px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #FFF;white-space: nowrap; }
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #FFF;text-decoration: none;background-color: #3863a0;}




    /*** Sticky Navigation ***/
    .sticky_header--clone { display: none;}

    /*** Tipps ***/
    #tipps_startseite .carousel-control {position: absolute;top:50px;bottom: auto;left: 0px;width: 15px; height:35px;font-size: 40px;color: #fff;text-align: center;text-shadow: none;filter: alpha(opacity=100);opacity: 1;}
    #tipps_startseite .carousel-control.left {background-image:none;filter:none;background-repeat: no-repeat; background:transparent; color:#4d4d4d; right:auto;  }
    #tipps_startseite .carousel-control.right {background-image:none;filter:none;background-repeat: no-repeat; background:transparent; color:#4d4d4d; right:0px; left: auto;}
    #tipps_startseite .carousel-control.left:hover, #tipps_startseite .carousel-control.right:hover {background:transparent  }

    /*** Fotogalerie Startseite ***/
    .fotogalerie_startseite .carousel-control {display:none}
    .fotogalerie_startseite .video {position: relative;padding-right: 0px; padding-left: 0; margin: 0;width: 177px;height: 108px; overflow: hidden;}
    .fotogalerie_startseite .video img {position: absolute;left: 50%;top: 49%; height: auto;width: 100%;-webkit-transform: translate(-49%,-50%);-ms-transform: translate(-49%,-50%); transform: translate(-49%,-50%);}
    .fotogalerie_startseite_box { height: 310px; padding:20px 0 20px 0;}

    .spalte01 {margin-bottom: 0px;}

    /*** Dossier ***/
    .dossier_home h2 { color: #fff; font-size: 28px;}
    .dossier_home .dossier_img { margin:10px 20px 10px 0; float: none !important;}
    .dossier_home li { height: 87px; background:#fff; color:#333;margin-bottom: 15px;}
    .dossier_home li h2 { font-size: 16px; color:#333; margin: 0; line-height: 18px;}
    .dossier_home .thema {color:#3863a0; font-size: 15px;}
    .dossier_home li .dossier_txt { padding:5px 10px 5px 0; }
    .dossier_home li img { margin-right: 15px;}
    .dossier_home.btn:hover, .btn:focus, .btn.focus {color: #FFF;text-decoration: none;}
    .dossier_home .btn {margin:0 0 10px 0;}
    #dossier_mehr { display: none;}
    .dossier_mehr { float: none;}
    .dossier_liste {}
    .dossier_liste article { background: #fff; padding:15px; margin-bottom: 15px; color: #333;}
    .dossier_liste article:hover { background: #3863a0; color:#fff;  }
    .dossier_liste h3 {font-family:"Excelsior W01 Italic"; font-size: 24px; font-weight: normal; margin-top: 0px;color:#000 !important;}
    .dossier_detail {}
    .dossier_detail article {margin-bottom: 15px; color: #333;display: block; height: 87px;}
    .dossier_detail article h3 {font-family:"Excelsior W01 Italic"; font-size: 24px; font-weight: normal; margin-top: 0px;}
    .dossier_detail .dossier_img { margin:15px 20px 10px 0;}
    .dossier_detail article img { margin-right: 15px;}
    .dossier_btn_mobile {display: block;}
    .dossier_btn {display: none;}

    /*** Home - Topnews ***/
    .carousel-control {position: absolute;top:10px;bottom: auto;left: auto;width: 30px; height:30px;font-size: 20px;color: #fff;text-align: center;text-shadow: none;filter: alpha(opacity=100);opacity: 1;}
    .carousel-control.left {background-image:none;filter:none;background-repeat: no-repeat; background:#3863a0; color:#fff; right:45px; }
    .carousel-control.right {background-image:none;filter:none;background-repeat: no-repeat; background:#3863a0; color:#fff; right:10px;}
    .carousel-control.left:hover, .carousel-control.right:hover {background: #333}
    .carousel-caption {position: absolute;right: auto;bottom:0px;left: 10px;z-index: 10;color: #FFF;text-align: left;text-shadow: none; background:transparent; font-family:"Excelsior W01 Italic"; }
    .carousel-caption .datum_rubrik { color:#7b7a7a;}
    .carousel-caption h3 { font-weight:normal; margin:5px 0 0 0 ; font-size: 25px;text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);}
    .carousel-caption h4 { font-weight:normal; margin:5px 0 0 0 ; font-size: 18px;text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);}
    #topnews .carousel_bg { position:absolute; left:0; top:0;width: 100%; height: 100%; background: url("/img/top_news_bg.png") repeat-x middle;}
    #topnews .item img { }
    .carousel-indicators {display:none}
    #topnews .thema { background: #3863a0; padding:6px 10px; position: absolute; top:10px; left:10px; color: #fff; text-transform: uppercase; font-size: 14px; z-index: 120;}

    /*** Artikel - Liste - Horizontal ***/
    .artikel_box_horizontal .txt {  color:#000;padding: 0px 40px 20px 40px}
    .artikel_box_horizontal h3 {font-family:"Excelsior W01 Italic"; color:#333; font-size: 24px; font-weight: normal;}
    .artikel_box_horizontal .dreieck {display:none}
    .artikel_box_horizontal img { width: 100%; height: auto;}


    /*** Kantonsauswahl ***/
    .kantonswahl li { float:left; margin: 0 5px 10px 0;  height:auto; position: relative;}
    .kanton_label { width: 100% !important; padding-top: 0px; }

    /*** Artikel - Detail ***/
    .artikel_detail { background: #fff; padding:20px 20px;}


    /*** Überschriften ***/
    .titel {background: #3863a0; padding:6px 10px; color: #fff; text-transform: uppercase; font-size: 14px;margin: 5px 0 10px 0; display:inline-block;}
    h1 {font-family:"Excelsior W01 Italic"; color:#000; font-size:35px; font-weight: normal;}
    h2 {font-family:"Excelsior W01 Italic"; color:#000; font-size:20px; font-weight: normal; margin-top: 5px; margin-bottom: 5px; line-height: 25px;}


    /*** Tipps ***/
    #tipps_startseite { background: #4d4d4d; padding:20px;color:#fff; margin-bottom: 40px; height: auto; overflow: none;}
    #tipps_startseite .carousel-control {display:none}


}

/*** 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) {

}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */