/**
 * ALLGEMEIN
 */
body{font-family: 'Roboto',Arial;}
img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #000;
}
.panel-body .col-md-6.col-1, .panel-body .col-md-6.col-2 {
    padding: 15px 0;
}

section.col-md-9.col-sm-12 img {
    max-width: 100%;
    height: auto;
}
.region.region-sidebar-right {
    padding-left: 35px;
}
/**
 * FONT GRÖßEN
 */
.row.bg_w.brd_g a {
    font-size: 24px;
}
h3 {font-weight:bold;font-size:18px;text-transform:initial;}
body {font-size:16px;line-height:20px;}
body p{margin-bottom:8px!important;}

h1 {font-size:24px;padding: 0 15px;}
h2 {font-size:18px; font-weight:bold;line-height:22px;}
footer {font-size:14px;}

/**
 * GLOBALE FARBEN & ABSTÄNDE
 */
body {background-color:#F5F5F5;}



.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:white!important;}
.navbar-default .navbar-toggle .icon-bar {background-color: rgba(255,0,0,0.5)!important;}
.navbar-default .navbar-toggle {
    border-color: rgba(255,0,0,0.5)!important;
}

section#block-views-block-mitteilungen-aktuelles-block-1, .views-element-container.contextual-region.form-group, section#block-schulstellenvorstellung,section.block-gss-eppan {
    padding: 15px 0;
    margin: 15px 0;
}
.thumbnail {padding: 0;background-color: transparent;border: none;}

.information_front, section#block-views-block-mitteilungen-block-1{
    background-color: #fff;
    border-color: #e7e7e7;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
}
.information_front{float: left;padding: 25px 0;}

article.mitteilungen img {
    padding: 20px 0;
}

.btn-link {
    color: #e74c3c;
    border-color: #E74C3B!important;
    border-radius: 3px;
}
a:hover.btn.btn-link, a:visited.btn.btn-link {
    color: #e74c3c;
}

section.col-md-9.col-sm-12, section.col-md-12.col-sm-12, #block-infoblock {
    background: white;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    padding-bottom: 15px;
    padding-top: 15px;
}

.schulen-hauptseite-bc {
    clear: both;
}

.schulen-hauptseite-bc h1 {
    padding-left: 0;
}

.schulen-hauptseite-bc img {
    margin: 0 15px 15px 0;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff!important;
    background-color: #337ab7;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #337ab7;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff!important;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}
.region.region-sidebar-right li.active {
    background: #337ab7;
}

/*ul.menu.nav > li.active, ul.menu.nav > li > a:hover {*/
    /*color: #fff!important;*/
    /*background-color: #337ab7;*/
/*}*/

li.expanded.dropdown.active.open li.active {color: #fff!important;
    background-color: #337ab7;}


.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #fff!important;
    background-color: #337ab7;
}


li.active a.is-active {
    color:white;
}


/**
 * ROW AUF WEIß BG
 */
.row.bg_w {background: white;}
/**
 * END ROW AUF WEIß BG
 */

/**
 * NAVBAR
 */
.navbar {margin-bottom: 0px;} .navbar-collapse{padding-left: 0;padding-right: 0;}
.navbar-default {background-color: transparent;border: 0;}
.brd_g{border-top:1px solid #e7e7e7;
    -moz-box-shadow:0 5px 15px rgba(182, 182, 182, 0.75);
    -webkit-box-shadow: 0 5px 15px rgba(182, 182, 182, 0.75);
    box-shadow: 0 5px 15px rgba(182, 182, 182, 0.75);}

.navbar .navbar-nav li {
    margin: 0px 5px;
}
/**
 * END ROW AUF WEIß BG
 */

/**
 * GSS-EPPAN FRONT
 -*/
.col-sidebar img {width: 100%!important;height: auto;}
/**
 * END GSS-EPPAN FRONT
 -*/
.center {margin-left: auto;  margin-right: auto;  display: inherit;}

h4, .h4 {font-size: 24px;  padding:0;  margin:0;  margin-bottom:15px;}
h2.block-title{padding:0 15px;margin: 30px 0;}

.inner {padding: 15px 0;}

.panel-default {
    border:none;
}
.panel {
    background-color: transparent;
}
.panel-default > .panel-heading {
    background-color: transparent;
    border: none;
}


/**
 * BEREICHE
 */
/* GSS-EPPAN FRONTPAGE */
section#block-gss-eppan {
    margin-top: 40px;
}
/* MITTEILUNGEN FRONTPAGE */
p.mitteilungen_date_title {
    padding: 0 15px;
}

/**
 * Dokumente Uploads
 */
.file--application-pdf {
    background-image: url(../images/icons/application-pdf.png);
}
.file {
    display: table;
    font-size: 100%;
    margin: 5px 0;
    padding-left: 20px;
    display: inline-block;
    min-height: 16px;
    background-repeat: no-repeat;
    background-position: left center;
}

.region.region-breadcrumb {
    margin: 25px 0;
    text-transform: initial;
}


/**
 * Rechte Spalte
 */
/**
 * Menus für Schulen
 */
.region-sidebar-right li,.box li {border-bottom: 1px dashed #ccc;list-style-image: url("/sites/default/files/bilder/list_point.png");display: list-item;}
.region-sidebar-right li:last-child, .box li:last-child {border: none;}
.region.region-sidebar-right ul > li a, .box.follow-scroll ul > li a {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
}
/**
 * Menu Transparente Verwaltung
 */

.back-to-top {
    height: 60px;
    width: 60px;
    position: fixed;
    bottom: 40px;
    right: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    text-indent: 100%;
    background: rgba(255, 0, 0, 0.5) url(/sites/default/files/Bilder/System/cd-top-arrow.svg) no-repeat center 50%;
}

/**
 * Bildergallerien
 */
.field--item.col-md-4.gallery-grid {
    padding: 15px;
}
.schulen-gallerie .col-md-4{
    padding: 15px;
    display: none;
}
.schulen-gallerie .col-md-4:first-child{
    display: inline-block;
}

/**
 * Mitteilungen
 */
.media-left img {
    max-width: inherit;
}
.lead {color:#777;font-size: 18px;}


/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
    padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
    padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
    border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
    border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
    border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
    border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
    border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
    border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
    border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
    border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
    border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
    border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
    border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
    border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
    border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
    border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
    border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
    border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
    border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
    border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
    border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
    border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
    border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
    border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
    border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
    border-left: 10px solid #269abc;
}