/*
Theme Name: equaltheme
Author: Thomas Gutjahr
Author URI: https://www.indyvia.de
Description: equal Theme 2013 for WP created with Twitter Bootstrap
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)

License: Copyright by Thomas Gutjahr
License URI:

General comments (optional).
*/

@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-responsive.css');


/*---------General Styles------------*/

html, body {
    height: 100%;
    /*font-family: 'Abel',sans-serif, Helvetica;*/
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
    /*background: url("img/wallpaper-patterns-grey.jpg.png") repeat fixed center top transparent !important;*/
    }
h3 a, h4 a {color: #000;}
#wrap {
    /*background: url("img/top_bg.png") repeat-x !important;   */
    height: auto !important;
    height: 100%;
    margin: 0 auto 2.2em;
}
ul { padding: 0; }
/*a {color: #2f83ff;}*/
a {
    color: #e15e00;
    /*font-family: 'Abel', sans-serif;*/
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2em;}
a:hover {color: #000;}
a:focus {color: #000;}
a[href$=".PDF"], a[href$=".pdf"] {
	padding: 2px 2px 2px 20px;
	background: url("img/pdficon_small.png") left center no-repeat;
}
a[href$=".DOC"], a[href$=".doc"] {
	padding: 2px 2px 2px 20px;
	background: url("img/wdicon_small.png") left center no-repeat;
}
a[title*="[english]"] {
	padding: 2px 2px 2px 20px;
	background: url("img/16/United-Kingdom.png") left center no-repeat;
}
a[title*="[german]"] {
	padding: 0 20px;
	background: url("img/16/Germany.png") left center no-repeat;
}
a[title*="[french]"]{
	padding: 2px 2px 2px 20px;
	background: url("img/16/France.png") left center no-repeat;
}
a[title*="[arabic]"] {
	padding: 2px 2px 2px 20px;
	background: url("img/16/Egypt.png") left center no-repeat;
}
a[title*="[chinese]"] {
	padding: 2px 2px 2px 20px;
	background: url("img/16/China.png") left center no-repeat;
}
a[title*="[spanish]"] {
	padding: 2px 2px 2px 20px;
	background: url("img/16/Spain.png") left center no-repeat;
}
a[title*="[russian]"] {
	padding: 2px 2px 2px 20px;
	background: url("img/16/Russia.png") left center no-repeat;
}
a[title*="[polish]"] {
	padding: 2px 2px 2px 20px;
	background: url("img/16/Poland.png") left center no-repeat;
}
a[title*="[lithuanian]"] {
	padding: 2px 2px 2px 20px;
	background: url("img/16/Lithuania.png") left center no-repeat;
}
a[title*="[croatian]"] {
	padding: 2px 2px 2px 20px;
	background: url("img/16/Croatia.png") left center no-repeat;
}
a[title*="[italian]"] {
	padding: 2px 2px 2px 20px;
	background: url("img/16/Italy.png") left center no-repeat;
}
a[title*="[multilanguage]"] {
	padding: 2px 2px 2px 20px;
	background: url("img/16/United-Nations.png") left center no-repeat;
}
a[title*="[english, german]"] {
	padding: 0 40px;
	background:
        url("img/16/United-Kingdom.png") no-repeat 0px,
        url("img/16/Germany.png") no-repeat 20px;
}
a[title*="[english, lithuanian]"] {
	padding: 0 40px;
	background:
        url("img/16/United-Kingdom.png") no-repeat 0px,
        url("img/16/Latvia.png") no-repeat 20px;
}
a[title*="[english, italian]"] {
	padding: 0 40px;
	background:
        url("img/16/United-Kingdom.png") no-repeat 0px,
        url("img/16/Italy.png") no-repeat 20px;
}
a[title*="[english, french, spanish]"] {
	padding: 0 60px;
	background:
        url("img/16/United-Kingdom.png") no-repeat 0px,
        url("img/16/France.png") no-repeat 20px,
        url("img/16/Spain.png") no-repeat 40px;
}
a[title*="[english, polish, russian]"] {
	padding: 0 60px;
	background:
        url("img/16/United-Kingdom.png") no-repeat 0px,
        url("img/16/Poland.png") no-repeat 20px,
        url("img/16/Russia.png") no-repeat 40px;
}
a[title*="[english, french, spanish, arabic]"] {
	padding: 0 80px;
	background:
        url("img/16/United-Kingdom.png") no-repeat 0px,
        url("img/16/France.png") no-repeat 20px,
        url("img/16/Spain.png") no-repeat 40px,
        url("img/16/Egypt.png") no-repeat 60px;
}
a[title*="[english, french, spanish, arabic, chinese, russian]"] {
	padding: 0 120px;
	background:
        url("img/16/United-Kingdom.png") no-repeat 0px,
        url("img/16/France.png") no-repeat 20px,
        url("img/16/Spain.png") no-repeat 40px,
        url("img/16/Egypt.png") no-repeat 60px,
        url("img/16/China.png") no-repeat 80px,
        url("img/16/Russia.png") no-repeat 100px;
}

/*.thumbnail {border: 1px solid #CCCCCC; background: #ffffff; box-shadow: 0 2px 5px rgba(200, 200, 200, 0.8);}*/
.thumbnail {border: 1px solid #CCCCCC; border-radius: 0; padding: 4px; box-shadow: none;/*background: #f6f6f6;*/}
.italic {font-style: italic;}

.nivo-lightbox-title {display: none;}

/*-----------Header--------------*/

/*#header {margin-bottom: 70px;padding-top: 20px;}*/
#header {margin-bottom: 50px;padding-top: 20px;}
/* #switchform {float: right;} */
/*img {border: 1px solid #000; padding:1px;}*/
.headerfunctions {float: right; /*padding-top: 20px;*/}
.navbar {clear: both; margin-bottom: 30px;}
.sprache {float: right; padding-top: 3px;}
.suche .input-append input{
    width: 200px;
    color: #ccc;
}
.icl_lang_sel_current {
    /*font-family: 'Abel',sans-serif;*/
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2em;
    font-weight: normal !important;
}

/*----------- Navigation --------------*/

.navbar {padding-bottom:0;border-bottom: 1px solid #999;}
.navbar .navbar-inner {
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
    min-height: 0;
}
.navbar .nav {
    margin: 0;
    display: table;
    width: 100%;
}
.navbar .nav li {
    display: table-cell;
    height: 26px;
    /*border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    padding-top: 4px;
    /*border-left: 1px solid rgba(255,255,255,.75);*/
    /*border-right: 1px solid rgba(0,0,0,.1);*/
}
.navbar .nav li:hover {
    background: #fff;
    /*color: #2477F2;*/
    /*width: 1%;*/
    /*float: none;*/
}
.navbar .nav li.menu-item a:hover {
    border-color: #fff;
    color: #e15e00;
}
.navbar .current_page_item, .navbar .current_page_parent {
    /*background: #e15e00;*/
    /*border-radius: 3px 0 0 3px;*/
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}
.navbar .nav li.current_page_parent a,
.navbar .nav li.current-menu-item a {
    border: none;
    color: #e15e00;
}
.navbar .nav li a {
    color: #444444;
    text-shadow: none;
    font-weight: normal;
    text-align: center;
    /*border-left: 1px solid rgba(255,255,255,.75);*/
    /*border-right: 1px solid rgba(0,0,0,.1);*/
    padding:0 15px;
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
    /*font-family: 'Abel', sans-serif;*/
    font-size: 18px;
}
.navbar .nav li:first-child a {
    border-left: 0;
}
.navbar .nav li:last-child a {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}
.navbar .container {
    float: left;
}
.navbar-inner i {color: #e15e00;float: right;}
.nav-collapse.collapse {
    overflow: visible;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
  background-color: #fff;
}

/*--------- Slider ------------*/

.carousel {margin-bottom: 30px;}
.carousel h2 {font-size: 30px;}
.carousel .sliderabstand {padding: 20px 40px;}
.carousel .sliderabstand p {color: #666;}
.carousel .sliderabstand a {font-size: 0.8em;}
.carousel-control {height: 42px; border-radius: 0; color: #000; background: #fff;border:0;top:49%;opacity: 1;left:-5px;border: 1px solid #CCCCCC;box-shadow: 0 0px 5px rgba(200, 200, 200, 0.8);}
.carousel-control:hover, .carousel-control:focus {color: #e15e00;}
.carousel-control.right {opacity: 1; right:-5px;}
.carousel .span4 {margin: 0;}
.carousel .span8 {margin: 0;}
.carousel-inner {/*background: url("img/bg_stripes.png");*/background: #eee;}
.carousel-inner p.sliderdate {padding-top: 1em; font-size: 0.8em;}

.carousel-caption {
    background: none repeat scroll 0 0 transparent;
    position: relative;
    padding:0;
    margin:0;
    /*font-family: 'Patrick Hand SC', cursive;*/
    /*font-family: 'Abel', sans-serif;*/
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.4em;
    /*text-shadow: 1px 1px 1px #999;*/

}

.carousel-caption p {color: #000;line-height: 1.3em;}
.carousel-caption h4 {font-size: 2em;}

#punkte {text-align: center; position: relative;}
.carousel-indicators {
    left: 50%;
    margin-left: -74px;
    width: 155px;
}
.carousel-indicators li {border: 1px solid #ccc; border-radius: 6px;height: 12px;width: 12px;margin-left: 7px;}
.carousel-indicators li.active {background: #ccc;}
.carousel-indicators li:hover {background: #ccc;}

/* Fade transition for carousel items */
.carousel.carousel-fade .item {
        opacity:0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;

}

.carousel.carousel-fade .active.item {
	opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
        opacity: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}

/*#slider .span8 {width: 756px;}*/
#slider .span8 {width: 67%;}

/*---------Startseite------------*/

#startseite {margin-top: 2em;}
#startseite p {font-size: 16px;}

/*---------Geschichten------------*/

/*.justify {text-align: justify;}*/
.span3-height, .span4-height {margin-bottom: 1.6em; left:20px;}
.imagenail {border-top:1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 6px; background: #fff;}
.span3-height .thumbnail {height: 200px;}
.auszug {height: 100%;}
#wrap .container .caption h4 {border-bottom: 1px solid #ccc; padding-bottom: 8px; font-size: 15px;}
#wrap .container .thumbnail .caption {padding: 0 9px;}
.thumbnail .caption .auszug a {font-size: 14px;}
.thumbnail .caption .auszug p {margin: 0;}


/* --------- Hover Effekt ---------*/
#hover-cap-4col .imagenail {
    position:relative;
    overflow:hidden;
}
.schrift {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(0,0,0,0.4);*/
    background: rgba(255,125,30,0.7);
    /*background: #e15e00;*/
    width: 100%;
    height: 100%;
    color:#fff !important;
    padding: 5px 10px;
}
.schrift h4, .schrift p, .schrift ol {width: 80%;}

/*---------Geschichten detail------------*/
#meta {padding: 20px; /*margin-top: 1.5em; background: url("img/bg_stripes.png") repeat scroll 0 0 transparent;*/background: #eee; border: 1px solid #ccc; box-shadow: none;}
.padding-twenty {padding: 0px 20px 20px 20px;}
#wrap .gallery img {border: 1px solid #ccc; padding: 6px; background: #fff;}
#wrap .gallery .gallery-item {margin:1%; width: inherit;}
#meta input {width: 100%;}
#wrap .back {margin-top: 30px;}
#wrap .back a {border: 1px solid #ccc; padding: 5px;}
#wrap .content, .row p {font-size: 16px; line-height: 20px;}
#wrap #meta p, #wrap .auszug p {font-size: 14px;}

/*--------- Links ------------*/
.linkcat, .blogroll a, .blogroll a img {display: block; padding-bottom: 20px;}
.blogroll span {
    margin-top:20px;
    display: block;
    background-color: #ccc;
}
.linksammlungsicon {height: 35px; padding-top: 8px; margin-bottom:5px;text-align: center; display: block;}
.accordion-inner p {font-size: 14px; float: left; display: block; border-top: 1px solid #E5E5E5; padding-top: 5px; width: 100%;}
.accordion-inner img {float: right; display: table;}
.page-links .span0 {width: 30px;}
.accordion .thumbnail {border: 1px solid #E5E5E5;}


/*--------- Visions ------------*/
#page-visions .thumbnail {border: none;}

/*--------- Contact ------------*/
#page-contact .thumbnail {border: none;}
#page-contact #partner {margin-top: 20px;}
#page-contact #partner p {float: left;}

/*--------- Join Us ------------*/
#page-joinus .thumbnail {border: none;}

/*--------- Equal in the streets------------*/
#page-street {background: #fff; margin-bottom: 20px;}
#page-street .abstand {margin: 6px; background: #eee; overflow: hidden;}
#page-street div {margin: 0;}

.featured_video_plus {
	position: relative;
	padding-bottom: 57%;
	/*padding-top: 30px;*/
	height: 0;
	overflow: hidden;
}

.featured_video_plus iframe,
.featured_video_plus object,
.featured_video_plus embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mejs-offscreen { display: none !important; }
#page-street .featured_video_plus .mejs-container {height: 100% !important;}
#page-street .featured_video_plus .mejs-mediaelement {position: relative;}
#page-street .featured_video_plus.responsive .wp-video .mejs-poster {width: 100% !important; height: 100% !important;}

.streetcontent {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}
.streetcontent iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#page-street .thumbnail {
    height: 220px;
}

/*--------- search.php ------------*/
#search .thumbnail {margin-top: 5px;}

/*--------- Pagination ------------*/

.pagination {
    height: 36px;
    margin: 0;
    clear:both;
}
.pagination ul {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: none;
}
.pagination li {
    display: inline;
}
.pagination a {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
    background-color: #f5f5f5;
}
.pagination .active a {
    color: #999999;
    cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
    color: #999999;
    background-color: transparent;
    cursor: default;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}

.pagination a.active{
    background: #f5f5f5;
}
.pagination .singlepage .pageprev{
    float: left;
}
.pagination .singlepage .pagenext{
    float: right;
    text-align: right;
}
.pagination .singlepage .pageprev{
    text-align: left;
}
.pagination .singlepage .pageprev_small, .pagination .singlepage .pagenext_small {
    display: none;
}
.pagination .singlepage span.meta-nav {
    color: #000;
    font-size: 0.8em;
}
.pagination ul.singlepage{
    box-shadow: none;
    width: 100%;
}
.pagination p {
    color: #fff;
}
.pagination ul.singlepage li a {
    /*background: none;*/
    border: none;
}
.pagination ul.singlepage li a {
    background: none;
}
.pagination ul > li > a, .pagination ul > li > span {
    background: #fff;
    border-radius: 0px !important;
}

/*----------- Archiv --------------*/

#archiv li {
    border-bottom: 1px solid #EEEEEE;
    list-style: none;
    padding: 8px 15px;
}
#archiv li:last-child {
    border-bottom: none;
}
#archiv .span0 {
    width: 30px;
}
#archiv .author a {
    float: left;
}

/*----------- Tag --------------*/

.topwrap:first-child {
    margin-top: 0;
}
.topwrap {
    margin-top: 1.5em;
}
.topwrap .span4, .topwrap .span8{
    margin: 0;
}
.topwrap .span8{
    padding-left: 10px;
}

#accordion4 .thumbnail {padding: 0px;}
#accordion4 .accordion-group {margin-bottom: 0; border-bottom: 0;}
#accordion4 .accordion-inner p {border-top: 0;}
#accordion4 .accordion-heading {background: #e15e00; padding: 2px;}
#accordion4 .accordion-heading span {color: #000; width: 100%; float: left;}
#accordion4 .accordion-heading a {color: #fff; font-weight: bold; text-align: right; display: block;}
#accordion4 .accordion-body {padding: 0 10px;}
#accordion4 u {text-decoration: none !important;}
#accordion4 .collapse a {font-size: 14px;}
#accordion4 .accordion-toggle a {text-decoration: underline;}
#accordion4 .accordion-body {

height: 100px;
/*color: transparent;
text-shadow: 0 0 3px rgba(0,0,0,0.7);*/
}

#accordion4 .in {text-shadow: none; color: #000;}

/*----------- Datenschutz --------------*/

#dataprotection iframe {background: #eee; width: 100% !important;}

/*---------- Footer ----------------*/

footer .container{padding-top:1em;border-top: 1px solid #999; height:100px;}
footer #impressum {float: left;list-style: none; margin:0;}
footer #impressum li {float: left; padding-right: 15px;}
footer #copyright{float: left;}
footer #social-buttons {text-align: right;display: block;}
footer #social-buttons a {text-decoration: none; font-size: 1.4em;}
footer #social-buttons a i {margin: 10px 12px 0 0;}

/*---------- Print Styles ----------------*/

#druck a {text-decoration: none;}

/*---------- Social Media ----------------*/
.social-button-container {
    /*clear: both;*/
    /*overflow: hidden;*/
    /*margin: 0 auto;*/
    /*width: 50%*/
}

/*.social-fb, .social-twitter, .social-gplus, .social-linkedin, .social-pinterest {width: 150px; text-align:left; float: left;}*/
/*#facebook body.plugin {margin-left: 70px;}*/
/*.wp-video {height: 100% !important; margin: 0 auto;}*/

.wp-video-shortcode {
    max-width: 100%;
}

.wp-audio-shortcode {
    max-width: 100%;
}


/*.mejs-container {margin: auto;}*/

/*iframe, object, embed {*/
/*    width: 100%;*/
/*}*/
.fb-like, .g-plusone {float: left;}

/*facebook kasten formatierung*/
.fb-like iframe, .fb_iframe_widget iframe {
    max-width: none;
}

/*social sharing buttons*/
/*.social-button-container {
    display:inline-block;
    margin:0px 10px;

}*/

.social-button-container a{
    padding: 3px 5px;
    text-align:center;
    text-decoration:none;
    border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -webkit-border-radius:3px;
    -ms-border-radius:3px;
    font-size: 11px;
    font-family: sans-serif;
}

/*Twitter*/
.social-twitter, .social-gplus, .social-fb, .social-pinterest{
    clear: both;
    margin-top: 10px;
}
.social-twitter iframe {display: block;}

.twitter{
    background:#9AE4E8;
}
/*Facebook*/
.facebook{
    border: 1px solid #CAD4E7;
    background-color: #ECEEF5;
    color:#3B5998;
    display: inline-block;
    margin-left: 5px;
}
.social-fb {height: 22px;}

/*Google Plus*/
#gplus-button {
    float: left;
}
.google-plus {
    background:#fff;
    margin-top: 0;
    color: #D34836;
    height: 15px;
    border: 1px solid #ccc;
}
#___plusone_0 { width: 64px !important; }

#cookie-notice .cn-button.wp-default {
  background-color: #e15e00;
}

/* Landscape phones and down */
@media (max-width: 480px) {
    #wrap {
        background: none !important;
    }
    #header {
        margin-bottom: 0;
        text-align: center;
    }
    form#searchform {margin: 0 !important;}
    .headerfunctions{
        float: left;
        width: 100%;
    }
    .sprache {background: #fff; padding: 8px 0; margin: 0 0 10px 0; width: 100%; text-align: center; display: block; float: left; border-radius: 5px 5px 5px 5px;}
    .suche {
        width: inherit;
    }
    .suche .input-append {
        width: 100%;
    }
    .suche .input-append input{
        width: 80%;
    }
    .suche .input-append button{
        width: 20%;
    }
    .sprache {float: none;}
    .navbar .smallbg {padding: 0; border: none; background: #e15e00; box-shadow: 0 2px 5px rgba(200, 200, 200, 0.8);}
    .navbar a.brand {color: #fff; text-shadow: none;}
    .navbar .btn-navbar,
    .navbar button.btn {
        background: #e15e00 !important;
    }
    .navbar .nav-collapse {
        background: #fff;
    }
    .navbar .nav li {
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding-top: 0;
        float: left;
    }
    .navbar .nav li a {
        padding: 9px 15px;
        margin: 0;
        border-radius: 0;
    }
    /*.navbar .nav li a{*/
    /*    border: none;*/
    /*    height: 40px;*/
    /*    background: yellow;*/
    /*}*/
    .nav-collapse.collapse {
        overflow: hidden;
    }
    .navbar .nav li.current_page_parent a, .navbar .nav li.current-menu-item a {color: #fff;}
    .navbar .nav .current-menu-item {background-color: #000;}
    .navbar .nav .current_page_item, .navbar .nav .current_page_parent {border: none;}
    .navbar .nav li.menu-item a:hover,
    .navbar .nav li.menu-item a:focus {
        background-color: #000;
        color: #fff;
    }
    .navbar .nav li:last-child a {border-radius: 0;}

    .carousel {margin: 0;}
    .carousel-caption {
        font-size: 1.3em;
    }
    .carousel .sliderabstand {
        padding: 0.5em 0.5em;
    }
    #punkte {
        /*width: 100%;*/
        /*text-align: center;*/
        display: none;

    }
    .carousel-indicators {
        left: 50%;
        margin-left: -74px;
        width: 155px;
    }
    #startseite {
        width: 100%;
    }
    #slider .span8 {width: 100%;}
    .pagination {
        text-align: center;
    }
    .pagination .singlepage .pageprev, .pagination .singlepage .pagenext {
        display: none;
    }
    .pagination .singlepage .pageprev_small, .pagination .singlepage .pagenext_small {
        display: inherit;
    }
    .pagination .singlepage span.meta-nav {
        font-size: 2em;
        line-height: 1.3em;
    }
    #meta {
        padding: 10px;
    }
    .social-fb, .social-twitter, .social-gplus, .social-linkedin, .social-pinterest {
        width: inherit;
    }

    #wrap .gallery dl.gallery-item {float: none;}

    #page-contact #partner p {
        display: block;
        text-align: center;
        float: none;
    }

    footer #social-buttons {
        clear: both;
        text-align: center;
        height: auto;
        padding-top: 1em;
        height: 5em;
    }

    /*wegen piwik, verändert aber auch social-block*/
    /*iframe {height: 300px !important;}    */
}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {
    #wrap {
        background: none !important;
    }
    #header {margin-bottom: 0;}
    .sprache {background: #fff; padding: 8px 0; margin: 0 0 20px 0; width: 100%; text-align: center; display: block; float: left; border-radius: 5px 5px 5px 5px;}
    .navbar .brand {display: none;}
    .navbar button.btn {
        display: none;
    }
    #wert_container_id {
        width: 100%;
    }
    .navbar .nav > li > a {
	padding: 0 4px;
	font-size: 14px;
    }
    .pagination {
        text-align: center;
    }
    #slider img {
        width: 100%;
    }
    #slider .span8 {width: 100%;}
    #wrap .container .row .span12 .span3 {
        width: 48%;
        float: left;
        margin: 1%;
    }
    #wrap .container .row .span12 .span3-height .thumbnail {
        height: 240px;
    }
    #meta {
        padding: 10px;
    }
    .social-fb, .social-twitter, .social-gplus, .social-linkedin, .social-pinterest {
        width: inherit;
    }
    footer #social-buttons {
        clear: both;
        text-align: center;
        height: auto;
        padding-top: 1em;
        height: 5em;
    }

    #dataprotection iframe {height: 280px !important;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    #header {margin-bottom: 10px;}
    .sprache {float: left; margin: 0 0 20px;}
    .navbar  button.btn {
        display: none;
    }

    #wert_container_id {
        width: 100%;
    }
    .navbar .nav > li > a {
	padding: 0 8px;
    }

    .navbar .icon-globe {float: left; padding-right: 20px;}
    .carousel .sliderabstand {
        padding: 10px;
    }
    .carousel .sliderabstand h2 {
        font-size: 20px;
        line-height: inherit;
    }
    .carousel .sliderabstand p {
        font-size: 16px;
    }
    .carousel-inner p.sliderdate {
        padding-top: inherit;
    }
    .accordion .span5 {
        width: 272px;

    }
    #wrap .container .row .span12 .span3 {
        width: 220px;
    }
    #wrap .container .row .span12 .span3-height .thumbnail {
        height: 250px;
    }
    #page-street .thumbnail {
	height: 300px;
    }
}

@media (min-width: 979px) and (max-width: 1200px) {
    .carousel .sliderabstand {
        padding: 10px 30px;
    }
    .carousel .sliderabstand h2 {
        font-size: 24px;
        line-height: inherit;
    }
    .carousel .sliderabstand p {
        font-size: 20px;
    }
    #wrap .container .row .span12 .span3-height .thumbnail {
        height: 250px;
    }
    #page-street .thumbnail {
	height: 250px;
    }

    /*#slider .span8 {width: 620px;}*/


}