/* ------------------------------------------------------------------------  Modifications by Tocco */
/* line 571, ../sass/app.scss */
ul.breadcrumbs > li:last-child > a {
    color: #231f20;
    text-decoration: none;
}

/*test*/

/* line 771, ../sass/app.scss */
#main-nav > ul > li:hover > ul, #main-nav > ul > li.active > ul {
    /*display: none;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*z-index: 100;*/
}

#header-wrapper #navigation-wrapper #tools .lang-nav.hide {
    display:none;
}

h2.big em {
    color: #e01e25;
    font-style: normal;
}

.gray h3, .gray p{
    padding-left:10px;
}

body{
    background:#dfdfdf;
}


.current-region{
    position: absolute;
    top: 1em;
    right: 1em;
    font-family:"Syntax W01 Roman", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight:normal;
    color: #FFF;
    font-size: 0.875em;
}

/* ------------------------------------------------------------------------ Added by Tocco */
/*----------------------------
    All sections get standard bottom margin
-----------------------------*/
.element{
    margin-bottom:25px;
}


.addthis_toolbox a{
    display:block;
    width:100%;
    margin-bottom:20px;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.element.text img{
    margin-top:10px;
}

.lead {
    margin-bottom: 20px;
    font-weight: 300;
    line-height: 1.5em;
    text-align:justify;
}

#hard-data a{
    color:#fff;
}
.teaser{
    padding-bottom:1.5em !important;
}

.teaser p{margin-bottom:0;}

b, strong{
    font-family: "Syntax W01 Bold", "Helvetica Neue", Arial, Sans-Serif;
    font-weight:normal;
}

.article-list .arrow {
    background: url(../img/design/arrow-mb.png) 0 0 no-repeat;
    background-size: 2.0625em auto;
    -ms-behavior: url(/cms/custom/js/backgroundsize.min.htc);
    display: block;
    height: 2em;
    width: 2em;
    margin-top:30px;
}

.article-list .arrow:hover, .article-list .arrow:active, .article-list .arrow:focus {
    background-position: 0 -2.4em;
}

/*----------------------------
    Lists
-----------------------------*/
ul, ol {
    padding: 0;
    margin: 0 0 10px 0px;
}


.element .text ol li{
    list-style-type:decimal;
    list-style-position:inside;
}

.element .text ul li{
    list-style-type:none;
    background: url(/cms/custom/img/design/bullet.png) no-repeat 0px 10px;
    padding-left:1em;
    margin-left:20px;
    overflow:hidden;
}

/*----------------------------
    Forms
-----------------------------*/

.mailform fieldset{
    border:none;
}

.LV_validation_message{
    margin-bottom:1em;
}

.mailform label{
    display:inline;
    font-size:inherit;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    margin-right:5px;
}

.MailContactRegistration .x-form-check-wrap input[type="checkbox"] {
	display: inline-block;
	width: 20px;
	vertical-align: initial;
	margin-top: 5px;
}
.MailContactRegistration .x-form-check-wrap .x-form-cb-label {
	display: inline-block;
	position: initial;
}

/*----------------------------
    Search
-----------------------------*/
ul.searchresults{
    margin-left:0px;
}


li.searchresult{
    padding:0px;
    margin-left:0px;
    margin-bottom:20px;
}

a.searchresult_title{
    border-bottom: solid #ccc 1px;
    padding-bottom:5px;
    margin-bottom:5px;
    display:block;
}

a.searchresult_title i{
    display:none;
}

.searchresult_excerpt, .searchresult_document{
    padding-left:15px;
}

/*----------------------------
    Sitemap
-----------------------------*/


.sitemap_level1 li a{
    border-bottom:1px solid #eee;
    display:block;
    margin-bottom:10px;
}

.sitemap_level2{
    margin-left:20px;
}

.sitemap_level2 li a{
    border-bottom:1px solid #eee;
    margin-bottom:0px;
}

/*----------------------------
    Image Gallery
-----------------------------*/
.gallery a{
    width:120px;
    height:120px;
    display:inline-block;
    border-radius:4px;
    margin: 6px 6px 40px;
    position:relative;
    text-decoration:none;
    background-position:center center;
    background-repeat: no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -ms-behavior: url(/cms/custom/js/backgroundsize.min.htc);
}

.gallery a:after{
    bottom: -136px;
    color: #333;
    content: attr(title);
    display: inline-block;
    max-width: 120px;
    position: relative;
    text-align: center;
    overflow:hidden;
    white-space: nowrap;
    font-size:11px;
    text-overflow: ellipsis;
}


/*----------------------------
    Alert (from Bootstrap)
-----------------------------*/
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-info h4 {
    color: #3a87ad;
}

/*----------------------------
    News Tabs
-----------------------------*/

.news .table{
    width:100%;
    border:none;

}

.news .nav {
    margin-bottom: 20px;
    margin-left: 0;
    list-style: none;
}

.news .nav > li > a {
    display: block;
}

.news .nav > li > a:hover {
    text-decoration: none;
    background-color: #eeeeee;
}

.news .nav > li > a > img {
    max-width: none;
}

.news .nav > .pull-right {
    float: right;
}

.news .nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #999999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.news .nav li + .nav-header {
    margin-top: 9px;
}

.news .nav-tabs,
.nav-pills {
    *zoom: 1;
}

.news .nav-tabs:before,
.news .nav-tabs:after{
    display: table;
    line-height: 0;
    content: "";
}

.news .nav-tabs:after {
    clear: both;
}

.news .nav-tabs > li{
    float: left;
}

.news .nav-tabs > li > a{
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
    color: #555555;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
    color: #ffffff;
    background-color: #0088cc;
}

.nav-stacked > li {
    float: none;
}

.nav-stacked > li > a {
    margin-right: 0;
}

.nav-tabs.nav-stacked {
    border-bottom: 0;
}

.nav-tabs.nav-stacked > li > a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
}

.nav-tabs.nav-stacked > li:last-child > a {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.nav-tabs.nav-stacked > li > a:hover {
    z-index: 2;
    border-color: #ddd;
}

.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.nav .dropdown-toggle .caret {
    margin-top: 6px;
    border-top-color: #0088cc;
    border-bottom-color: #0088cc;
}

.nav .dropdown-toggle:hover .caret {
    border-top-color: #005580;
    border-bottom-color: #005580;
}

/* move down carets for tabs */

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.nav > .dropdown.active > a:hover {
    cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
    color: #ffffff;
    background-color: #999999;
    border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover {
    border-color: #999999;
}

.tabbable {
    *zoom: 1;
}

.tabbable:before,
.tabbable:after {
    display: table;
    line-height: 0;
    content: "";
}

.tabbable:after {
    clear: both;
}

.tab-content {
    overflow: auto;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}
#donation-amount{
    width: 78px;
    height: 36px;
    font-size: 1.1em;
}

label#amount-currency{
    font-family: "Syntax W01 Roman";
    font-size: 1.125em;
    float: left;
    display: block;
    height: 2.3125em;
    line-height: 2.6;
    padding: 0 3px 3px 0;
}

.donation-box{
    width: 169px;
    margin: auto;
}

@media screen and (max-width: 860px) {
    label#amount-currency{
        font-size: 1.1em;
        float: none;
        height: initial;
        line-height: initial;
        margin: 0;
    }
    #donation-amount{
        width: 50%;
        margin: 0 auto 10px auto;
    }

}


.video-banner {
	text-align: center;
}

.video-banner video {
	max-width: 100%;
}


/*** Tocco Public Flows *****/

button.x-btn-text, button.x-btn-text:hover {
    background-image: none;
    background-color: transparent;
}

button.x-btn-text:hover,
button.x-btn-text:focus {
    color: #333;
}

.ext-container table, .x-window table {
    background: none;
    border: none;
    margin: 0;
}

.ext-container table thead tr th,
.ext-container table thead tr td,
.ext-container table tfoot tr th,
.ext-container table tfoot tr td,
.x-window td {
    padding: 0;
}

.x-form-field-trigger-wrap .x-form-field {
    display: inline;
}

.x-form-field-trigger-wrap .x-form-trigger {
    position: static;
}

.ext-strict .x-form-text {
	height: 25px !important;
}

.MailContact .x-form-item .x-form-item-label {
	width: 80px !important;
}

.MailContact .x-form-item .x-form-element {
	padding-left: 80px !important;
}

.MailContact .x-hide-label .x-form-element {
	padding-left: 0px !important;
}


.MailContact .x-form-field-trigger-wrap .x-form-field {
    display: inline;
    margin: 0 0 1em 0;
}

.MailContact .x-form-field-trigger-wrap img {
	vertical-align: top;
}

.MailContact .x-form-field-trigger-wrap .x-form-trigger {
    height: 25px;
}

.message-history{
	background: #E8E8E8!important;
}


/*----------------------------
    Flow Button Styling
-----------------------------*/


.x-btn-tl,
.x-btn-tr,
.x-btn-tc,
.x-btn-ml,
.x-btn-mr,
.x-btn-mc,
.x-btn-bl,
.x-btn-br,
.x-btn-bc {
	background-image: none;
	background-color: white;
}

button.x-btn-text,button.x-btn-text:hover {
	background-color: transparent;
	border: 2px solid #dfdfdf;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	white-space: pre-wrap;
	font-size: 14px;
    text-align: right;
	height: auto !important;
	padding: 6px 18px !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66b2de), color-stop(100%, #003f8a));
	background-image: -webkit-linear-gradient(#66b2de 0%, #003f8a 100%);
	background-image: -moz-linear-gradient(#66b2de 0%, #003f8a 100%);
	background-image: -o-linear-gradient(#66b2de 0%, #003f8a 100%);
	background-image: linear-gradient(#66b2de 0%, #003f8a 100%);
}

.x-btn-over button.x-btn-text, .x-btn-over button.x-btn-text:hover {
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e01e25), color-stop(100%, #9e1d20));
	background-image: -webkit-linear-gradient(#e01e25 0%, #9e1d20 100%);
	background-image: -moz-linear-gradient(#e01e25 0%, #9e1d20 100%);
	background-image: -o-linear-gradient(#e01e25 0%, #9e1d20 100%);
	background-image: linear-gradient(#e01e25 0%, #9e1d20 100%);
}


/*----------------------------
    AGB Checkbox margin fix
-----------------------------*/

input[type="checkbox"].read_agree_terms {
	margin: 0 10px 0 0!important;
}

/*----------------------------
    Audio/Video Player
-----------------------------*/

.mejs-container.mejs-audio,
.mejs-container.mejs-video {
	width: 100% !important;
}

/*----------------------------
Donation Button
-----------------------------*/

@media (min-width: 1050px){
    .donation-banner-wrapper {
        position: absolute;
        right: -100px;
        top: 30px;
        z-index: 1;
    }

    .donation-disk {
        position: absolute;
        right: 0;
        height: 100%;
        width: 100%;
        padding: 1rem;
    }

    a.donation-button {
        color: #e01e25;
        padding: 1.5rem 1rem 1.5rem 1.5rem;
        display: flex;
        align-items: center;
        z-index: 1;
        transition: all .3s;
        transform: rotate(-5deg);
    }

    a.donation-button:hover,
    a.donation-button:focus {
        transform: rotate(0);
    }

    a.donation-button p {
        text-transform: uppercase;
        line-height: 1.3;
        font-size: 1.25rem;
        margin: 0;
    }

    a.donation-button p .label-text {
        display: inline-block;
    }
}

@media (min-width: 768px) and (max-width: 1049px) {
    .donation-circle {
        display: none;
    }

    .donation-disk {
        text-align: center;
    }

    a.donation-button {
        background-image: linear-gradient(#e01e25 0%, #9e1d20 100%);
        font-family: "Syntax W01 Bold";
        font-size: 2em;
        padding: 0.33125em 0.6em;
        border: 2px solid #dfdfdf;
        border-radius: 7px;
        box-shadow: none;
        cursor: pointer;
        font-weight: normal;
        line-height: 1;
        margin: 0 0 1.25em;
        position: relative;
        text-decoration: none;
        text-align: center;
        display: inline-block;
        color: white;
    }

    a.donation-button:hover,
    a.donation-button:focus {
        background-image: linear-gradient(#66b2de 0%, #003f8a 100%);
    }

    a.donation-button p {
        margin-bottom: 0;
    }
}


@media (min-width: 768px) {
    #main-nav > ul > li.donation-button {
        display: none;
    }
}

@media (max-width: 767px) {
    .donation-banner-wrapper {
        display: none;
    }

    li.donation-button {
        text-align: center;
    }

    #main-nav > ul > li.donation-button > .button {
        color: #fff;
        display: inline-block;
        padding: 0.33125em 0.6em;
        margin-top: 1.25em;
    }
}