/*
 Theme Name:   EAT
 Description:  Child Theme von Yamidoo Magazine für die Akademie Tutzing
 Author:       Marko Kuzio
 Author URI:   http://kuzio.info
 Template:     yamidoo
 Version:      1.0.0
 Text Domain:  eat
*/

/*********************************************************************************************

1. Global Styles & Structure

*********************************************************************************************/

body {
	background-image: none;
	background-color: #C8D2DC;
}

.droid {
	font-family: "Droid Serif",Georgia,serif;
}

a {
    color: #000;
}

/* p styles reseten */
.entry {
    /*margin-bottom: 14px;*/
    margin-bottom: 50px;
}

.entry p {
    margin-bottom: 25px;
}

.entry .puplikationen {
    /*margin-bottom: 14px;*/
    margin-bottom: 0px;
}

.entry p a {
     color: #154a7f;
}

.post h1.title,
#articles h1.title {
    font-family: "Droid Serif",Georgia,serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 30px;
}

.article h2.title a {
    color: #000;
    font-size: 24px;
    font-weight: normal;
}
.article h2.title {
    color: #000;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 0px;
}

.post h2.title {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.3;
    font-style: italic;
}
/* grauer block in main inhalten, archive, filterbar usw */ 
h3.archive_title {
    /*margin-top: 50px;*/
    background-color: rgba(200, 210, 220, 0.50);
    border-top: 0;
}


.btn-links { 
    margin-top: 30px; 
}
.btn-default {
    margin-right: 15px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: rgb(240, 240, 240);
    border-radius: 0;
    box-shadow: none !important;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn-links a:hover {
    text-decoration: none;
}

.separator {
    padding-left: 3px;
    padding-right: 3px;
}

/* damit buttons unten positioniert werden koennen 
.article {
    position: relative;
}
*/

p, .post p {
    line-height: 1.5;
}


.italic { font-style: italic; }

#articles .post-meta, #columns .post-meta {
    margin: 5px 0;
}
span.category { margin-bottom: 5px }

#articles .head_title, h3.archive_title {
    font-size: 12px;
    padding: 11px 10px;
}
/*
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0;
}
*/

/* paging navigation */
div.navigation a {
    color: #154a7f;
    font-weight: normal;
    line-height: 50px;
    padding: 0 6px;
}
.page-numbers.current .page-number {
    text-decoration: underline;
}

/*********************************************************************************************

2. Header Styles

*********************************************************************************************/
#main-wrap {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
	margin-top: 50px;
}
#header {
	padding: 0;
}
#header #search {
	float: right;
	 margin-top: 10px;
     margin-left: 10px;
}
#header #search #s {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#logo {
	background-color: inherit;
	border-top: 0px;
	padding-top: 0px;
    position: relative;
    text-align: left;
    top: -14px;
}
/* responsive Anpassung ist hier nicht toll */
#logo img {
    height: auto;
    max-width: inherit;
}

#topmenu {
	margin: 11px 0 9px 10px;
}
.headertop {
    padding: 0 20px;
}
.headertopnav {
	height: 30px;
}
.headerbottom {
	padding:0px 0px 0;
}

#menu {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border-bottom: 10px solid #C8D2DC;
    border-top: 0;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

#topmenu ul li {
    margin-right: 12px;
}

.sf-sub-indicator {
    display: none;
}

ul.dropdown li {
    padding: 11px 15px;
    text-transform: none;
}
ul.dropdown li ul {
 	display: block;
	visibility: hidden;
	z-index:999;
	text-align:left;
	padding:5px 5px 5px 10px;
	background: rgba(295, 295, 295, 0.85);
	border-top: 3px transparent;
}

ul.dropdown li ul li:hover a, #nav ul li ul li:hover a { color:#000; }
ul.dropdown a {
	color: #000;
}

ul.dropdown .current-page-ancestor > a,
ul.dropdown .current-page-ancestor > a:hover,
ul.dropdown .current-menu-parent > a,
ul.dropdown .current-menu-parent > a:hover, 
ul.dropdown .current-menu-item > a,
ul.dropdown .current-menu-item > a:hover
 {
    border-bottom: 1px solid rgb(200, 210, 220);
    padding-bottom: 3px;
}
ul.dropdown a {
    padding: 0;
}
.header-icons {
	padding-right: 10px;
	position: inherit;
}
ul.dropdown ul.sub-menu li {
    padding: 5px 0 5px 6px;
}

/*********************************************************************************************

2. content Styles

*********************************************************************************************/
#content-wrap {
    background-color: white;
    margin-bottom: 0px;
    padding: 20px 20px 50px;
}

#sidebar {
    width: 304px;
    margin-right: 0px;
}

#articles,
#main {
    /*width: 622px; */
    padding-right: 14px;
}

.post-thumb {
	/*width: 304px;*/
	margin-right: 15px;
}

.article {
    border-bottom: 1px solid #eee;
    margin: 0 0 15px;
    padding: 0 0 15px;
}

/*********************************************************************************************

slider

*********************************************************************************************/
.home-slider .post-slide {
    left: 0;
    position: absolute;
    right: 330px;
}

.home-slider {
    -ms-touch-action: pan-y; /* Prevent default touch actions on Windows 8. Only required for IE10 */
    overflow: auto; /* Not required but recommended for accessibility when JavaScript is turned off */
    position: relative;
    touch-action: pan-y; /* Prevent default touch actions on Windows 8. Supported in IE11+ */
    height: 300px;
}

/*
.post-slide img {
    height: auto;
    max-width: 100%;
}
*/
.home-slider .post-content {
    float: right;
    width: 290px;

    padding-left: 30px;
    padding-right: 15px;
    padding-top: 5px;
}
.home-slider .slide-element {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 300px;
}

.home-slider .btn-links {
    margin-top: 20px;
}
.home-slider .btn-default {
    background-color: #fff;
}
.home-slider .post-meta {
    margin-top: 5px;
}
.home-slider .entry {
    margin-bottom: 0px;
    margin-top: 5px;
}
.home-slider .article {
    border-bottom: 0;
}


/* startseite elemente raus hr und columns */ 
.hr {
	display: none;
}
#columns {
	margin: 0;
}

/*********************************************************************************************

    single posts / archive

*********************************************************************************************/
#socialicons {
    margin: 0;
}

.single-veranstaltung #socialicons {
    margin-top: 100px;
}

.tagungen-item p {
    line-height: 1.5;
}

.post .post-meta {
    margin: -15px 0 30px;
}

.single-veranstaltung .post .post-meta {
    margin: 10px 0 10px;
    border: 0;
}

.single-veranstaltung .btn-links {
    margin-top: 20px;
}

.single-puplikation .post .post-meta {
    border-bottom: none;
      margin: -15px 0 20px;
 }
.single-puplikation .post .btn-default {
    margin-bottom: 50px;
}

.tp_row {
    margin-bottom: 50px;
}
.tp_date {
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.tp_container {
    width: 100%;
    overflow: auto;
    margin-bottom: 20px;
}

.single-veranstaltung td .title {
    display: block;
    font-weight: bold;
}
.single-veranstaltung td .refer {
    font-style: italic;
}
.single-veranstaltung td.row {
    padding-top: 20px;
}
.single-veranstaltung td.time {
    width: 60px;
}
.single-post .people-row .image {
    max-width: 380px;
}

.pdf_link, .pdf_link a {
    margin-top: -15px;
    color: #154a7f;
    margin-bottom: 30px;
}

.veranstaltung-kontakt img {
    width: 100%;
}

.tagung_form {
    height: 2000px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    margin-top: 50px;
    overflow: hidden;
}
.tagung_form iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.success-booking
{
    margin-top: 50px;
    margin-bottom: 50px;
}

.download-container {
    margin-left: 20px;
    margin-top: 20px;
}
.download-container b {
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 20px;
    display: block;
}
.download-container #form-allg-error {
    display: block;
}

/*********************************************************************************************

    Programmbestellung

*********************************************************************************************/

.programmbestellung .article h2.title a,
.programmbestellung .post h2.title
 {
    font-size: 15px;
    line-height: 20px;
    font-style: normal;
    margin-top: 10px;
}
.programmbestellung .post .post-meta {
    margin: 10px 0 0;
    border-bottom: 0;
}
.programmbestellung span.category {
    margin-bottom: 0px;
    margin-top: -5px;
    line-height: 20px;
    width: 80%;
}
.programmbestellung .article h3.datum-tagung.title {
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    line-height: 20px;
}
.programmbestellung .btn-links {
    margin-top: 20px;
}
.programmbestellung .form_box {
    float: right;
    overflow: visible;
    position: relative;
    top: -18px;
    right: 10px;
}

/*********************************************************************************************

    Pages full width varianten

*********************************************************************************************/
#fw-img-c {
    width: 102%; /* css trick ;) so passts mit den floats im container */
}

#fw-img-c .img.mitarbeiter {
    width: 304px;
    height: 205px;
}

#fw-img-c .row {
    float: left;
    padding-right: 15px;
    padding-bottom: 30px;
}
.full-width .entry, .page .entry {
    max-width: 622px;
   /*width: 100%;*/
 }

 .full-width  .mediathek .entry {
   max-width: 100%;
 }

.acf-gallery.row {
    padding-bottom: 15px !important;
}

/*********************************************************************************************

    Pages/posts themen und veranstaltaungsreihen

*********************************************************************************************/
.term-head {
    padding-bottom: 25px;
    font-family: "Droid Serif",Georgia,serif;
    text-transform: uppercase;
}
.single-veranstaltung .post h1.title {
    margin-bottom: 5px;
}
.article h3.datum-tagung.title {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.3;
    font-style: italic;
}
.single-veranstaltung .post h3.title {
    margin-top: 20px;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.3;
    font-style: italic;
}
.orga-date {
    margin-top: 15px;
}
h3.trigger {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
}

.post-filterbar {
    background: none repeat scroll 0 0 rgba(200, 210, 220, 0.50);
    margin: 0 0 20px;
    padding: 11px 10px 11px 10px;
    text-align: right;
    height: 20px;
}
.post-filterbar .title {
    float: left;
    text-transform: uppercase;
    padding-top: 2px;
}

.post-filterbar .bar-year,
.post-filterbar .bar-month {
    margin-right: 5px;
}

.post-filterbar .bar-year,
.post-filterbar .bar-month,
.post-filterbar .bar-name {
    font-size: 11px;
}

/*********************************************************************************************

    Pages/posts mitarbeiter

*********************************************************************************************/
.mitarbeiter-box {
    background-color: rgb(240, 240, 240);
    height: 250px;
    max-width: 304px;
}
.mitarbeiter-box.short {
    background-color: rgb(240, 240, 240);
    height: 150px;
    max-width: 304px;
}
.teaser-box {
    background-color: rgb(240, 240, 240);
    max-width: 304px;
}
.mitarbeiter-box .inner,
.teaser-box .inner {
    padding: 14px;
}
.mitarbeiter-box h2.title,
.teaser-box h2.title {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.3;
    font-style: normal;
}
.mitarbeiter-box p,
.teaser-box p,
.mitarbeiter-box a[href^="mailto:"]
 {
    padding-top: 14px;
    font-family: "Droid Serif",Georgia,serif;
}

.single-mitarbeiter #fw-img-c {
    width: 105%;
}
h1.mitarbeiter-themen {
    margin-top: 45px;
}
.widget .mitarbeiter-box a,
.widget .teaser-box a {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.3;
    font-style: normal;
    color: #000;
}

.widget a.email  {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.3;
    font-style: normal;
    color: #000;
}

.widget img {
    background: none;
    border: 0 none;
}

.wpzoom-feature-posts img.recent-widget {
    height: auto !important;
}

/*********************************************************************************************

    Pages/posts puplikationen

*********************************************************************************************/


.page-template-page-team-uebersicht .entry { margin-bottom: 16px; }
.hrsg { color: #154a7f; }


/*********************************************************************************************

    Pages/posts puplikationen

*********************************************************************************************/
.page-template-archive-puplikation .post-thumb {
    margin-right: 15px;
    text-align: center;
    width: 260px;
}


/*********************************************************************************************

3. Footer Styles

*********************************************************************************************/
#menu-footer {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
	text-align: center;
	padding-top: 10px;
}
#footer {
	padding-bottom: 0px;
	background-color: transparent;
}
#footer_right {
    font-family: "Droid Serif",Georgia,serif;
    font-size: 12px;
    padding: 0px;
    width: 100%;
}

#footer ul li {
    padding: 11px 5px;
    text-transform: none;
}
#footer ul li a,
#footer ul li a:hover {
  color: #000;
  text-decoration: none;
}
#footer-text {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer_right span {
    float: none;
}
.footer_nav_icon {
	 margin-top: -5px;
}


/*********************************************************************************************

people list

*********************************************************************************************/
.list-peoples {
    margin-bottom: 50px;
    border-top: 1px solid #eee;
}
.people-row {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.people-row .content {
    float: left;
    max-width: 200px;
    padding-left: 20px;
    padding-bottom: 20px;
}
.people-row .image {
    float: left;
    max-width: 380px;
}
.people-row .image img {
    width: 100%;
    height: auto;
}
.people-row h2 {
    padding-bottom: 20px;
    font-style: normal !important;
}
.people-row h2.title {
    font-style: normal;
}

.list-peoples .download-link {
}
.list-peoples .download-link a {
   color: #154a7f;
}


/*********************************************************************************************

Accordion

*********************************************************************************************/
.trigger {
    margin-top: 10px;
    border-top:1px solid #c8d2dc;
   /* border-bottom:1px solid #eee; */
    cursor:pointer;
   /* padding-bottom: 10px; */
    padding-top: 10px;
    max-width:622px;
}
.trigger_active {
}
.toggle_container {
    max-width:622px;
}
.toggle_container .entry {
    border-top: 1px solid #c8d2dc;;
    margin-top: 10px;
    padding-top: 40px;
    padding-left: 20px;
}
#accordion-container {
    border-bottom: 1px solid #c8d2dc;
    margin-top: 40px;
    padding-bottom: 10px;
}
#accordion-container h3 {
   padding-left: 20px;
}


/*********************************************************************************************

widget & widgets gerenell image rotation

*********************************************************************************************/

.widget h3.title,
#articles .head_title {
    background: none repeat scroll 0 0 rgba(200, 210, 220, 0.50);
    border-top: none;
    font-family: "Droid Serif",Georgia,serif;
    font-size: 12px !important;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 10px;
    padding: 11px 0 11px 10px; /* vorher 11 */
}

#sidebar .tabberlive,
.tabbernav, ul.tabbernav {
    width: 304px;
    border-top: 0px;
}

#sidebar .tabberlive, h3.archive_title, .post_author {
    background: none repeat scroll 0 0 rgba(200, 210, 220, 0.50);
}

.widget h3.title a {
    color: #000;
    font-size: 12px !important;
}
.widget {
    margin: 0 0 20px;
    width: 304px;
}

/* rotator in-page placement */
div.rotator {
    position:relative;
    height:209px;
    
    width: 100%;
}
/* rotator css */
div.rotator ul {
    margin:0;
    padding:0;
    max-width: 100%;
    height: auto;
}
div.rotator ul li {
    float:left;
    position:absolute;
    list-style: none;
    width: 100%;
}
/* rotator image style 
div.rotator ul li img {
    height: auto;
    max-width: 100%;
}
*/
div.rotator ul li.show {
   z-index: 1;

}
.rotate_img {
    max-width: 100%;
    height: auto;
}

.really_simple_image_widget h3 {
    display: none;
}

/*********************************************************************************************

Search Results

*********************************************************************************************/
.searchresult-form {
    margin-bottom: 30px;
}

.searchresult-form #searchsubmit {
    background-color: rgb(240, 240, 240);
    border-radius: 0;
    box-shadow: none !important;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    color: #000;
}

.searchresult-form input#s {
    width: 360px;
    margin-right: 10px;
    /*
    background-color: rgb(240, 240, 240);
    border: medium none;
    height: 25px;*/
}

#search-list .search-highlight {
    font-weight: bold;
}


/*********************************************************************************************

Newsletter Archiv

*********************************************************************************************/



/*********************************************************************************************

12. Media Queries

*********************************************************************************************/

/* Tablet Landscape */
@media screen and (max-width: 980px) {

    .single-newsletter_archiv table p img
{
    width: 100% !important;
    height: auto !important;
}

    /* slider */
    .home-slider {
        height: 330px;
    }
    .home-slider span.category {
        margin-top: 10px;
    }

    #logo {
        padding-bottom: 15px;
        /*padding-top: 15px;*/
    }

    body { min-width:100%; }
    #page-wrap { width: 94%;}
    #articles { width:66%;}
    #main { width:66%;}

    #logo img { max-width:100%; height:auto; }

    #panes { height:250px; }

    #panes img { width:50%; height:auto; }
    .overlay { display:none; }
    #navi ul { left:52%;  }
    #navi img { width:75px; height:45px; }

    #panes .post-info { height:auto; width:33%; }
    #panes .post-info p { display:none; }
	#columns .column,
	.column_first {
		float:left;
		padding:10px 1% 0;
		width:23%;
	}

	#columns .column img, .column_first img { width:100%; max-width:100%; height:auto; }

    .recent-post { width: 100%; float: left; }
    #articles .post-thumb { float:left; margin:0 10px 0 0; max-width:35%; width:35%; height:auto;}
    #articles .post-thumb img {  max-width:100%; width:100%; height:auto;}

    #sidebar { width:30%; }
    #sidebar .widget {width:100%; margin-right:2%; float:left; }

 	#sidebar .tabberlive {  width: 100%;     margin-bottom: 15px; }
	#sidebar .tab_container { padding: 3%;   width: 94%; }
	ul.tabbernav {   padding: 1% 0 0 2%;  width: 98%; height:auto;}
	.tabberlive .tabbertab {  padding:3%; margin: 0 0 6px 2%; width: 90%;   }

    #panes span.cover {
		position: relative;   overflow: hidden; width: 55%; max-width: 55%; height:auto;
	}

	.cover iframe,
    .cover object,
    .cover embed {  width: 350px; height:250px; }

     /* Template: Full-width */
    .full-width #content { width: 100%; }
    .full-width h1.archive_title { width:100%; }
    .full-width .entry img { max-width: 100%; }
    .full-width .entry .wp-caption { max-width:100%;  }

    #main.full-width  { width: 100%; }

 	#footer div.column {  width: 30%; padding:0 0 0 3%; }
	#footer .column .widget {  width:100%; }
 

    .entry iframe,
    .entry object,
    .entry embed { max-width:100%;  }

    .full-width .entry img.alignnone,
    .full-width .entry img.aligncenter,
    .full-width .entry img.alignleft,
    .full-width .entry img.alignright,
    .full-width .entry img.attachment-fullsize {
        margin-bottom: 10px;
        max-width: 100%;
        width:auto;
        height:auto;
    }

    #sidebar .post-cover { width:100%; max-width:100%; height:auto; }

    #sidebar_left {
 		width:48%;
	}

	#sidebar_right {
		float:right;
 		margin-left:0;
		width:48%;
	}

	#sidebar_left .widget,
	#sidebar_right .widget {
 		width:100%;
	}

    .people-row h2 {
        padding-top: 20px;
    }


    .really_simple_image_widget img {
        width: 100%;
        height: auto
    }

    /* formulare responsive */
    .wpcf7 .label,
    .wpcf7 .wpcf7-form-control-wrap,
    .wpcf7 input[type="submit"]
    {
        float: none;
    }

    .wpcd7 .label {
        width: 100%;
    }

    .wpcf7 .label.message {
        padding: 20px 0 8px;
    }

    .searchresult-form #searchsubmit {
        margin-top: 15px;
        display: block;
    }
    .searchresult-form input#s {
        width: 90%;
        margin-right: 10px;
    }
    .home-slider .btn-default {
        margin-bottom: 15px;
    }

    .post-filterbar .title {
        float: none;
        padding-top: 2px;
        text-transform: uppercase;
    }
    .post-filterbar {
        text-align: left;
        height: inherit;
    }
}


@media screen and (max-width: 769px) {
    /* slider */
    .home-slider {
        height: 600px;
    }
    .home-slider .post-slide {
        left: 0;
        position: relative;
        right: 0px;
    }
    .as-next-arrow {
        right: 0 !important;
    }
    .home-slider .post-content {
        float: none;
        width: auto;
    }
    .home-slider .slide-element {
        height: auto;
    }
	#panes  { height:195px; }

	#navi img { margin-bottom:4px; }
	.cover iframe,
    .cover object,
    .cover embed {  width:333px; height:195px; }

    .people-row .content {
        max-width: 200px;
        padding-left: 0px;
        padding-top: 15px;
    }
}
/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {
    #logo {
        padding-bottom: 15px;
        padding-top: 15px;
    }

	#header #font_size {display:none;}
	#topmenu { float:left;text-align:left; margin-left:0; margin-top:15px;}
	#topmenu { display:block; width:100%; margint-bottom:15px;}
	#articles { width:100%;}


    #main { width:100%;}

    #navi ul {display:none;}

    #logo h1 a { font-size:22px; }

    #panes { height:auto; }

    #panes span.cover {
		position: relative;   overflow: hidden; width: 100%; max-width: 100%; height:auto;
	}

	#panes img { width:100%; max-width:100%; height:auto; }

	#panes div { position:relative; height:auto; }

	#panes .post-info { height:auto; width:94%; padding:2%; float:left;}

	#columns .column,
	.column_first {
		float:left;
		padding:10px 0 0;
		width:100%;
	}

	ul.dropdown li {text-transform:none; font-size:12px;}

	.recent-post .post-content {overflow:visible; }
    .recent-post .post-thumb { width:100%; margin-right:0;}
    .recent-post .post-thumb img { width:100%;}

    #respond .form_fields { width:97%; margin:0; }
    #respond .comment-form-comment {width:99%; }
    #respond .form_fields input { width:98%; }
    .children #respond { margin-right:0; }

	#sidebar { width:100%; margin-left:0%;}
    #sidebar .widget {width:100%; margin-right:0%; float:none; }

    #footer div.column { margin-right: 0;  width: 94%; }
	#footer .column .widget { width:100%; }
    
    .toggle_container .entry {
        padding-left: 0px;
    }
    #accordion-container h3 {
        padding-left: 0px;
    }
}

/* Smartphones (portrait and landscape) ----------- */ 
@media screen  and (max-width : 400px) {
    /* artikel liste */
    #articles .post-thumb {
        float: none;
        height: auto;
        margin: 0 10px 0 0;
        max-width: 100%;
        width: 100%;
        padding-bottom: 15px;
    }
    .programmbestellung .post-thumb {
        float: none;
    }

    .programmbestellung span.category {
        margin-top: 15px;
    }

    .as-prev-arrow, .as-next-arrow {
        top: 46px !important;
    }
    #header #search {
        float: left;
        margin-left: 0px;
    }
    .header-icons {
        padding-right: 0px;
    }
    .widget .img-mitarbeiter img {
        width: 100%;
        max-width: 304px;
    }
    .mitarbeiter-box {
        width: 100%;
    }
    #fw-img-c .row {
        width: 100%;
    }

}