/*
    Author: creatives at work!
    Author URI: http://creatives-at-work.de
    Version: 2.1.0 // 14.10.2016

-------------------------------------------------------------------------

    1.  SMARTPHONES PORTRAIT MODE

    2.  SMARTPHONES LANDSCAPE MODE

    3.  SMALL SCREENS

    4.  LARGE SCREENS

    5.  PRINT STYLES

-------------------------------------------------------------------------*/

/* ==========================================================================
   1. SMARTPHONES PORTRAIT MODE
   ========================================================================== */

@media only screen and (max-width: 767px) {
    .nomobile {
        display: none;
    }

    .mobile, .show {
        display: block !important;
    }

    .left, .right {
        float: left;
    }

    .noscale {
        width: auto !important;
        min-width: auto !important;
        max-width: auto !important;
        height: auto !important;
        min-height: auto !important;
        max-height: auto !important;
    }

    .noscale + p {
        clear: both;
        float: left;
        padding-top: 20px;
    } 

    body {
         width: 100%;
    }

    header, #main, footer {
        float: left;
        width: 100%;
    }

    header {
        margin-top: 0;
    }

    footer {
        margin-bottom: 50px;
    }

    footer a {
        height: 23px;
    }

    .text br {
        line-height: 1.4em;
    }

    #logo {
        float: left;
        margin: 0;
        width: 45%;
        height: auto;
        margin-bottom: 15px;
    }

    #logo img {
        float: left;
        margin: 15px 0 0 15px;
        width: 90%;
        height: auto;
    }    

    #ls-logo {
        position: absolute;
        top: 15px;
        right: 15px;
        margin: 0;
        width: 15% !important;
        height: auto;
    }

   #ls-logo img {
       float: right;
       width: auto;
       max-height: 40px !important;
    }

    span.logotext {
        float: left;
        width: auto;
        line-height: 1.1em;
        font-size: 12px;
        margin-top: 7.5%;
        padding-top: 0;
        padding-left: 10px;
        margin-left: 10px;
        border-left: 1px solid black;
        color: #666;
    }

    header {
        position: relative;
    }

    header h2, header h3 {
        width: 90%;
        margin-top: 0;
        padding: 8px 5% 8px 5%;
    }

    header .quicklink {
        float: left;
        width: 100%;
        margin: 4px 0 0 0;
        padding-bottom: 10px;
        background: #F0F0ED;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        border-left: 4px solid white;
        border-right: 4px solid white;
        overflow: hidden;        
    }

    header .quicklink aside, header .quicklink ul {
        width: 90%;
        margin: 20px 20px 0 20px;
    }

    header .quicklink aside {
        margin-top: 0;
    }

    header .quicklink ul.twoCols {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;    
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;        
    }

    .btCloseQuicklinks {
        position: relative !important;
        margin: 50px 0 0 0 !important;
    }

    #metanavigation {
        width: 100%;
        float: right;
        /* top: 65px; */
        bottom: 11px;
        right: 15px;
        position: relative;
        margin: -15px 0 0 0;
        padding: 0;
    }


    /* EDITED ON 2014-07-03 START */
    #social, #btPrint, #searchform, #quicklinks, #schnelleinstieg, #breadcrumb, #navigation, footer span, header h2, header h3 {
        display: none;
    }    
    /* EDITED ON 2014-07-03 STOP */

    /* ADDED ON 2017-03-26 START */
	header h2#headline, header h3 {
		width: 100%;
		margin-bottom: 2px;
        display: block;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;        
        border-left: 15px solid #009260;
        border-right: 15px solid #009260;
    }        
    header h2#headline {
		margin-top: 2px;
    }
    header h3 {
    	border-left: 15px solid #F0F0ED;
    	border-right: 15px solid #F0F0ED;
    }
    /* ADDED ON 2017-03-26 STOP */

    footer .links {
    	width: 100%;
    	text-align: center;
    	float: left !important;
    	position: relative;
 	    border-top: 1px solid #B4B4B4;
	    padding: .8em 0 0 0;
    }

    footer .links a {
    	text-indent: 0;
    	width: auto;
        margin: 0 0 0 20px !important;
        padding: 0 !important;
    }

    footer .links a:first-child {
    	padding-left: 15px;
    }

    #btEnglish {
        background: none;
        padding-left: 0;
    }

    .responsive {
        display: block;
    }

    #menu {
        position: relative;
        float: left;
        width: 100%;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        background-color: #009260;
        margin: 0;
        padding: 10px 0;
        z-index: 9999;
    }

    #respMenu {
        padding-left: 15px;
    }

    #respMenu:after {
        display:block;
        content:".";
        text-indent:-9999px;
        width:20px;
        height:3px;
        float:left;
        margin:1px 0 0 -20px;
        border-top:3px solid #FFF;
        border-bottom:3px solid #FFF;
    }

    #respMenu:before {
        display:block;
        content:".";
        text-indent:-9999px;
        width:20px;
        height:3px;
        float:left;
        margin-left: 15px;
        margin-top:13px;
        border-top:3px solid #FFF;
    }    

    #respQuicklinks, #respSearch, #respLogout {
        float: right;
        margin-right: 15px;
    }

    #respLogout {
        float: right;
        margin: -10px 0 -10px 0;
        padding: 10px 35px 11px 25px;
        height: 18px;
        background: url('../i/btSubmit.png') 92% 50% no-repeat;
        color: #fff;
        background-color: #c00;
        border-left: 1px solid #fff;
    }    

    #respLogout:hover {
        background-color: #a80800;
    }

    #respSearch {
        display:block;
        text-indent:-9999px;
        background: url('../i/btRespSearch.png') no-repeat;
        background-size: 23px 21px;
        width: 22px;
        height: 20px;
        margin-right: 10%;
    }

    #searchform {
        position: relative;
        z-index: 9990;
        float: left;
        width: 100%;
        padding: 10px 0;
        margin: 0;
        border: none;
    }

    #searchform input[type=text] {
        float: left;
        font-size: 11px;
        font-weight: bold;
        color: #666;
        width: 80%;
        height: 13px;
        padding: 4px 2px 2px 5px;
        margin: 0 15px;
        border: 1px solid #999;
    }

    #searchform input[type=submit] {
        position: relative;
        float: left;
        top: 2px;
        right: 2px;
        display: block;
        font-size: .01em;
        text-indent: -9999px;
        width: 17px;
        height: 17px;
        background: #999 url('../i/btSearch.png') no-repeat;
        border: none;
    }

    #menu a {
        color: #fff;
        text-decoration: none;
    }

    #content, #content.full {
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

    #content img {
    /*    min-width: 100%;SH*/
        height: auto;
    }

    #content img#researcherid {
        float: none;
    }

    .teaser, .full .teaser {
        float: left;
        width: 100% !important;
        margin: 4px 0 0 0;
        background: #F0F0ED;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        border-left: 4px solid white;
        border-right: 4px solid white;
        overflow: hidden;        
    }

    .teaser .teaser, .teaser .slider, #content:not(.full) .full .teaser {
        margin: 0 !important;
        border: none !important;
    }

    .full .teaser p, #content:not(.full) .full .teaser p {
        font-size: 15px !important;
        margin: 20px !important‡;
    }

    .teaser p.imgDesc {
        font-size: 10px !important;
    }


    .slider {
    	position: relative;
    	float: left;
        width: 100% !important;
        margin: 4px 0 0 0;
        background: #F0F0ED;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        border-left: 4px solid white;
        border-right: 4px solid white;
    }

    .slider .teaser {
        border: none;
    }

    .slider .teaser h2 {
        padding-top: 0;
        line-height: 22px;
        margin-top: 15px;
    }

    .rsBullets {
    	border: 1px solid transparent;
    	/*position: relative;
    	top: 0; 
        right: 8px;*/
    }

    .progress + .teaser {
        margin-top: 0;
    }


    .teaser .slider div.sliderContainer {
      margin-bottom: -3px;
    }



    .teaser.half, .newsrotator.half, .teaser.third, .teaser.quarter {
        width: 100%;
    }

    .teaser.full p img {
        max-width: 115% !important;
    }   

    .teaser.half p img {
        width: 125% !important;
        max-width: 125% !important;
    }   

    .teaser.half p, .teaser.third p, .teaser.quarter p {
        width: 90%;
        padding-right: 0;
        margin-right: 0;
    }

    .teaser.half h2{
        line-height: 1.2em;
        margin-bottom: 5px;
    }

    .teaser.half .teaser.half p {
        margin-bottom: 20px;
    }

    .teaser.quarter p {
        margin: 0 20px 20px 20px;
    }

    .full .teaser.half p img, .full .teaser.third p img, .teaser.third p img, .teaser.quarter p img {
        width: 112% !important;
        max-width: 112% !important;
    }   

    .teaser.quarter p img {
        margin: 0 -20px;
    }

    .teaser.quarter h2 {
        margin: 20px 20px 0 20px;
    }

    section.headline {
        height: auto;
        padding: 0 0 15px 0;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        border-left: 4px solid white;
        border-right: 4px solid white;                
        margin-bottom: 15px;
    }

    section.headline img {
        float: left;
        border-right: none !important;
        width: 100%;
        padding: 0;
        margin: 0;
        border-bottom: 3px solid white;
    }

    section.headline h1 {
        float: left;
        width: 90% !important;
        height: auto;
        font-weight: 300;
        padding: 20px 15px 5px 20px;
        margin: 0;
        color: #999999;
        font-size: 22px;
    }


    /* ==========================================================================
       DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SLIDER
       ========================================================================== */

    .slider .infoBlock {
        top: 20px;
        left: 20px;
        width: 150px;
        height: 60px;
    }

    .slider.full .infoBlock {
        top: 15px;
        left: 15px;
        width: 130px;
        height: auto !important;
        padding-bottom: 0;
    }

    .slider .infoBlock p {
        font-size: 10px;
        line-height: 10px;
        margin: 5px;
    }

    .infoBlock hr {
        margin: 0;
        padding: 0;
    }

    .infoBlock h3 {
        font-size: 12px;
        line-height: 12px;
        margin: 5px;
    }

    .slider.full .infoBlock h3 {
        font-size: 12px;
        line-height: 1.3em;
        margin: 5px 7px 7px 7px;
    }

    .slider.full .infoBlock p {
        display: none;
    }



    #sliderNav {
        top: 70%;
        right: 10px;
    }    
    

    .newsrotator {
        /* display: none; */
        float: left;
        width: 100%;
    }

    .newsrotator #slides section {
        height: auto !important;
    }


    .textpage {
        margin-bottom: 30px;
    }

    hr {
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        border-left: 4px solid white;
        border-right: 4px solid white;
    }

    .text, .content {
        float: left;
        width: 100% !important;
    }

    .text.half {
        width: 100%;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        border: 4px solid white;
        border-bottom: none;   
    }

    .text.half.contact
    {
      padding-right: 0;
    }    

    .text.full {
        width: 100%;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        border: 4px solid white;
        border-bottom: none;   
    }

    .headline + .text.full {
        border-top: none;
    }

    .text.full :not(.youtube-container) iframe {
        margin: 0;
        width: 100%;
        height: 1100px;
    }

    .youtube-container{
        box-sizing: border-box;        
        border-left: 20px solid white;
        border-right: 20px solid white;        
    }


    .text.full + .text.full {
        border-top: none;
    }

    .text.full.nomobile + .text.full.mobile {
        border-top: 4px solid white;
    }

    .text.fullwidth {
        padding-bottom: 40px;
    }

    .text.fullwidth h1, .text.fullwidth p {
        width: 90% !important;
        padding-left: 20px !important;
    }    

    .text.fullwidth h1 {
        padding-left: 0 !important;
    }

     .text.fullwidth p {
        margin-left: 0;        
     }


    .btBackMobile, #allMembersMobile {
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        color: #666;
        background: url('../i/btAllMembersMobile.png') 0 20% no-repeat;
        background-size: 27px 18px;
        padding-left: 35px;
        margin-left: 15px;
    }

    .btBackMobile:hover, #allMembersMobile:hover {
        color: #999;
        text-decoration: none !important;
    }


    .text.full.grey {
        width: 100%;
        margin: 0;
        padding: 20px 0;
    }

    .text h1 {
        font-size: 20px !important;
        font-weight: normal;
        line-height: 1.1em;
        margin: 0 20px 10px 20px;
    }

    .text > h1 {
        margin-top: 15px;
    }



    .text h1.large {
        /* font-size: 22px;
        line-height: 22px; */
    }

    .text.grey {
        background-color: #F0F0ED;
        margin: 0 0 25px 0 !important;    
        border-bottom: 2px solid #fff;    
        width: 690px;
        padding: 20px 25px;
    }

    .text.grey h1 {
        color: #999;
        font-size: 20px;
        font-weight: 300;
        padding: 5px 15px 5px 20px;
    }
    .text h1.text.grey { /*SH*/
        padding-left: 15px;
    }

    .text.grey h1 span {
        display
    }

    .text.grey + .text.full.grey.mobile {
        border-top: 3px solid #fff;
        margin-top: -10px !important;
    }

    .text h2 {
        font-size: 18px;
        line-height: 1.2em;
        margin: 15px 20px 10px 20px;
    }

    .text h2.contentAll {
        width: auto;
    }



    .text.news h2 {
        line-height: 20px;
        margin: -10px 20px 0 20px;   
    }

    .text h3, .text h4 {
        font-size: 15px;
        line-height: 16px;
        margin: 15px 20px 15px 20px;
    }

    .text p {
        font-size: 15px;
        line-height: 17px;
        margin: 0 20px 20px 20px;
    }

/*   .text img, */.zoomIt.left {
        box-sizing: border-box;
        border-left-width: 20px;
        border-left-style: solid;
        border-left-color: white;
        border-right-width: 20px;
        border-right-style: solid;
        border-right-color: white;
        margin-bottom: 15px;
        pointer-events: none;
        cursor: pointer;
    }

    .img.left {
      /*  min-width: 100%; SH*/
    } 

    .img .copyright {
        position: relative;
        top: -10px;
    }

    .zoomIt.left, .zoomIt .img, .zoomIt.left div {
        min-width: 100%;
    }

    .zoomIt.left p {
        margin-left: 0;
    }

    .zoomIt.left img {
        border: 1px transparent;
    }

    img.zoomicon {
        display: none;
    }

    .text ul {
        margin-left: 20px;
        margin-right: 20px;        
    }

    .text li {
        font-size: 15px;
        background-position: 0 3px;
        /* padding-left: 15px; */
    }

    .text li p {
        margin-left: 0;
    }

    .text p.authorInfo {
        margin-top: 15px;
    }

    .text dt, .text dd {
        float: left;
        clear: both;
        font-size: 15px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 0;
        display: block;
        width: 93%;
    }

    .text table:not(.list) {
        width: auto !important;
        margin-left: 20px;
        font-size: 15px;
    }

    .text table.list {
        padding-left: 20px;
    }

    .list .headline th {
        padding: 4px 0 4px 20px;
    }

    .text.full.contact h1, .text.half.contact h1 {
        margin: 20px 0 0 20px;
    }

    .text.half.contact p {
        margin-left: 20px;
        margin-right: 20px;
    }

    iframe.googlemap {
        box-sizing: border-box;        
        border-left: 20px solid white;
        border-right: 20px solid white;
        width: 100% !important;
        height: 250px !important;
    }


    .textimage {
        margin: 0 0 15px 20px;
    }

    .textimage.zoomimage {
        margin: 0 0 15px 0;
    }

    form.standard select {
        width: 90%;
        margin: 0 0 0 20px;
    }       



    /* ==========================================================================
       DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SITEMAP
       ========================================================================== */

    .sitemap ul ul {
        padding-left: 15px;
        margin-left: 0;
        padding-bottom: 10px;
    }

    .sitemap ul ul li {
        font-size: 0.9em;
    }

    .sitemap ul ul ul {
        padding-left: 0;
    }

    .sitemap li {
        margin-top: 5px;
    }

    .sitemap li > ul {
        padding-top: 5px;
    }

    .sitemap > ul > li {
        background: none;
        padding-left: 0;
        font-weight: bold;
    }    


    /* ==========================================================================
       DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> IMAGE GALLERY
       ========================================================================== */
    .gallery {
        padding: 0;
        margin: 5px 0;
    }

    .gallery .imageWrapper {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        opacity: 1;
        
    }

    .gallery .imageWrapper img {
		margin-top: 5px;
	}

	.text .gallery .imageWrapper {
		float: left;
		margin: 0;
		padding: 0;
	}

	.text .gallery .imageWrapper img {
		margin: 0 0 5px 0;
		padding: 0;
	}


    /* ==========================================================================
       DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> ZOOMBILD
       ========================================================================== */

    .zoom {
        position: relative;
        float: left;
        width: 87%;
        border: 1px solid #b4b4b4;
        padding: 40px 0;
        margin: 0 20px 20px 20px;
    }

    .zoom a.img, .zoom a.link {
        display: block;
    }

    .zoom a.img {
        padding: 0;
        margin: 0 5% 0 5%;
        width: 90%;
    }

    .zoom a.link {
        position: absolute;
        top: -30px;
        left: -20px;
        width: 20px;
        padding-bottom: 20px;
    }

    .imgText img {
        margin-bottom: 10px;
    }

    #content .imgText .smallMargin {
        min-width: 130px;
        padding-left: 20px;
    }

    .faqQuestions {
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .faqQuestions li {
        padding-bottom: 20px;
    }


    .faqAnswers section, .faqAnswers section hr, .faqAnswers section .toTop, .faqAnswers section .printAnswer {
        display: none;
    }

    .faqAnswers .btBack {
        float: left;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        color: #666;
        background: url('../i/btAllMembersMobile.png') 0 20% no-repeat;
        background-size: 27px 18px;
        padding-left: 35px;
        margin: 20px 0 20px 15px;
    }


    form.teamForm p,  form.teamForm select {
        width: 50%;
        margin: 0 0 16px 15px;
    }

    form.teamForm #submit, form.teamForm #senden {
        float: right;
    }


    .list, .teamlist, .newslist {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .list th, .list td {
        padding-left: 20px;
        padding-right: 20px;
    }

    .list p, .list .indent {
        padding-left: 0;
        margin-left: 0;
    }

    .list .more {
        float: left;
    }

    /* .list .headline, .teamlist .headline, .teamlist td.fachbereich, .list td.mehr, .teamlist td.mehr, .newslist .headline, .newslist td.mehr {
        display: none;
    } */

    .teamlist .name {
        padding-left: 15px;
    }


    .newslist .odd {
        background-color: #F0F0ED;
    }

    .newslist .even {
        background-color: #fff;
    }

    .infoTeamDetail {
        background-color: #F0F0ED;
        float: left;
        clear: both;
        width: 100%;
    }

    .infoTeamDetail span {
        float: left;
        color: #999;
        width: 50%;
        font-size: 22px;
        font-weight: normal;
        line-height: 20px;
        margin: 20px 15px 0 10px;        
    }

    .portrait, .portraitLarge {
        float: left;
        width: 110px;
        min-width: 110px !important;
        height: 110px !important;
        margin: 20px 5px 0 15px;
    }

    .portraitLarge {
        width: 130px !important;
        height: 130px !important;
        margin-top: 0;
    }


    #tabContainer {
        width: 100%;
        border-top: 1px solid #fff;
    }

    #content.full #tabContainer h1, .sgfinder#tabContainer h1, #content.full #tabContainer h2, .sgfinder#tabContainer h2 {
        font-size: 20px;
        position: relative;
        z-index: 999;
        top: 35px;
        left: -5px;
        color: #999;
    }

    #tabNavigation {
        width: 100%;
        padding: 20px 0;
        margin: 0;
    }

    #tabNavigation li, #subnavigation li {
        width: 50%;
    }

    #content.full #tabNavigation li, .sgfinder #tabNavigation li {
        width: 100%;
    }

    #tabNavigation li a, #content.full #tabNavigation li a, .sgfinder #tabNavigation li a {
        width: auto;
        margin: 0 15px;
    }

    #subnavigation {
        margin-top: 3px;
        margin-bottom: 3px;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        border-left: 4px solid white;
        border-right: 4px solid white;        
    }

    #subnavigation li a {
        margin: 0 15px;
    }

    #subnavigation li a {
        margin: 0 15px;
    }

    #subnavigation + .text.grey {
        border-top: none;
        border-bottom: 3px solid #fff;
    }

    #tabNavigation li:nth-child(2n+1) a, #subnavigation li:nth-child(2n+1) a {
        margin-right: 0;
    }

    .sgfinder #tabNavigation li:nth-child(2n+1) a {
        margin-right: 15px;
    }

    #tabNavigation li:nth-child(2n) a, #subnavigation li:nth-child(2n) a {
        margin-left: 0;
    }

    #content.full #tabNavigation li:nth-child(2n) a, .sgfinder #tabNavigation li:nth-child(2n) a, #content.full #subnavigation li:nth-child(2n) a {
        margin-left: 15px;
    }

    #subnavigation li:nth-child(4n+1) a {
        margin-left: 15px;
    }

    #subsubnavigation {
        float: left;
        padding: 15px 15px 0 35px !important;
    }

    #subsubnavigation li, #subsubnavigation li a, #subsubnavigation li a.active {
        width: 90% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #subsubnavigation ul {
        padding-left: 15px !important;
    }



    #subnavigation ul {
        margin: 0;
        padding: 0;
    }

    .teamTabs,  #content.full .teamTabs,  .sgfinder .teamTabs {
        width: 100%;
        padding-top: 20px;
    }

    #content.full .teamTabs p, .sgfinder .teamTabs p {
        width: 90%;
        padding-left: 0;
    } 

    /* EDITED ON 2014-09-10 START */
    .teamTabs h1, .teamTabs h2, .teamTabs h3, .teamTabs h4, .teamTabs h5, .teamTabs h6, .teamTabs p, .teamTabs ul, .teamTabs table {
        width: 95%;
        float: left;
    }
    /* EDITED ON 2014-09-10 STOP */

    .teamTabs ul {
        padding-left: 20px !important;
    }

    .teamTabs hr {
        width: 92% !important;
        float: left !important;
        margin-top: 15px;
        margin-right: 20px !important;
        margin-bottom: 0px;
        margin-left: 20px !important;
    }

    /* EDITED ON 2014-09-10 START */
    .teamTabs dl, .teamTabs tr {
        clear: both;
        float: left;
        margin: 15px 20px !important;
        width: 92%;
    } 

    .teamTabs dt, .teamTabs table tr td:first-child {
        clear: both;
        padding-left: 0;
    }

    .teamTabs dd, .teamTabs table tr td:last-child {
        clear: both;
        float: left;
        width: 92%;
        padding-left: 0;
    }
    /* EDITED ON 2014-09-10 STOP */


    .newslist .inhalt {
        width: 100%;
        padding-left: 25px;
    }

    .newslist .datum {
        padding-left: 0;
        width: 100%;
    }


    .lehrelist, .kontaktlist {
        float: left;
        width: 100%;
        margin-top: -20px;
    }

    .lehrelist td, .kontaktlist td {    
        font-size: 13px;        
    }

    .lehrelist .headline, .lehrelist .veranstaltung, .lehrelist .typ, .lehrelist .bereich {
        display: none;
    }

    .lehrelist .nummer {
        width: 60%;
    }

    .lehrelist .bereich {
        width: 40%;
    }

    .lehrelist span {
        display: inline;
    }


    .imageBlock {
        width: 50%;
        margin: 0;
    }



    form.right {
        float: left;
        margin: 0 0 10px 0;    
        padding: 10px 10px 0 10px;
        width: 100%;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;        
        border-left: 20px solid #fff;
        border-right: 20px solid #fff;        
    }

    form.right fieldset {
        margin: 0;
        width: 100% !important;
    }

    form.right input[type=text], form.right input[type=password], form.right select, form.right textarea {
        width: 95% !important;
        margin: 0 0 16px 0;
    }

    form.right select {
        width: 50% !important;
    }

    form.right #labelKopie {
        width: 80%;
        margin: 0 0 6px 0;
    }

    form.right #submit, form.right #senden {
        margin: 0 0 16px 0;
    }



    /* ==========================================================================
       DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> INTRANET LOGIN
       ========================================================================== */

    #content.login {
        margin-top: 4px;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        border-left: 4px solid white;
        border-right: 4px solid white;
        overflow: hidden;        

    }

    #content.login h1 {
        margin-left: 20px;
    }

    #content.login p {
        width: 90%;
        padding-bottom: 30px;
        margin: 20px;
    }

    #content.login form {
        margin: 0;
        border: none;
        border-top: 4px solid #fff;
    }

    #content.login span.right {
        float: right;
    }

    #content.login .small.right {
        width: 100%;
        float: left;
        clear: both;
        display: block;
        margin: 0 !important;
        padding: 0 !important;
    }



    .sidebar, .sidebar:not(.grey) {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 0 10px 0 10px;
        font-size: 13px;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:        border-box;
        border-left: 20px solid #fff;
        border-right: 20px solid #fff;
    }

    .sidebar.grey {
        background-color: #f0f0ed;
        margin: 0 0 10px 0;    
        padding: 10px 10px 0 10px;
        width: 100%;
    }

    .sidebar h3 {
        font-size: 13px;
        font-weight: normal;
        margin: 0;
    }

    .sidebar p {
        margin: 0 0 15px 0;
        font-weight: 300;
        line-height: 15px;
    }    

    .sidebar img {
        width: 105% !important;
        max-width: 110% !important;
        margin: -10px -10px 15px -10px;
        padding: 0 !important;
    }

    .sidebar.termine h3, .sidebar.news h3 {
        margin: -10px -10px 0 -10px;
    }

    .sidebar > .sidebar {
        border-left: 0px solid #fff;
        border-right: 0px solid #fff;
        margin-left: -10px;
        width: 105%;
        float: left;
    }


    footer {
        border-top: none;
        margin-top: -10px;
        margin-bottom: 10px;
    }    

    footer p.social {
        margin-left: 15px;
    }

    footer a {
        float: left;
        display: block;
        text-indent: -9999px;
        margin-left: 10px;
        width: 0;
    }


    .swipe {
      overflow: hidden;
      
      position: relative;
    }
    .swipe-wrap {
      overflow: hidden;
      position: relative;
    }
    .swipe-wrap > section {
      float:left;
      width:100%;
      position: relative;
    }    

    .accordion dd.odd img, .accordion dd.odd .zoomIt {
        border-color: #f0f0ed !important;
    }    

}


/* ==========================================================================
   2. SMARTPHONES LANDSCAPE MODE
   ========================================================================== */

/* @media only screen and (min-width: 401px) and (max-width: 800px) {
    #logo span {
        line-height: 1.2em;
        font-size: 18px;
        margin-top: 6.5%;
        padding-top: 0;
        padding-left: 10px;
        margin-left: 10px;
        border-left: 1px solid black;
        color: #666;
    }




    #sliderNav {
        top: 70%;
        right: 10px;
    }    


    .text h1 {
        font-size: 20px;
        line-height: 20px;
    }

    .text.grey h1 {
        font-size: 24px;
    }

    .text h2 {
        font-size: 16px;
        line-height: 18px;
    }

    .text p, .teamTabs * {
        font-size: 16px;
        line-height: 18px;
    }

    .text li {
        font-size: 16px;
        background-position: 0 6px;
        padding-left: 15px;
    }

    .portrait {
        float: left;
        min-width: 180px !important;
        height: 180px !important;
        margin: 20px 5px 0 15px;
    }

    .portraitLarge {
        width: 130px !important;
        height: 130px !important;
        margin-top: 0;
    }


    .teamTabs ul h3 {
        font-size: 16px;
    }

    .teamTabs li {
        font-size: 16px;
    }


    .sidebar, .sidebar h3 {
        font-size: 16px;
    }    

} */


@media only screen and (min-width: 501px) and (max-width: 768px) {
    /* ==========================================================================
       DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SLIDER
       ========================================================================== */

    .slider .infoBlock {
        top: 40px;
        left: 20px;
        width: 300px;
        height: 135px;
    }

    .slider.full .infoBlock, #content:not(.full) .slider.full .infoBlock {
        top: 40px;
        left: 20px;
        width: 200px;
        height: 135px;
        padding-bottom: 0;
    }    

    .slider .infoBlock p {
        font-size: 13px;
        line-height: 15px;
        margin: 20px;
    }

    .infoBlock hr {
        padding: 5px;
        margin: 0;
    }

    .infoBlock h3 {
        font-size: 16px;
        line-height: 16px;
        margin: 0 20px;
    }

    .slider.full .infoBlock h3 {
        font-size: 16px;
        line-height: 1.2em;
        margin: 10px;
    }

}


/* ==========================================================================
   3. SMALL SCREENS
   ========================================================================== */

@media only screen and (max-width: 1014px) {
    #social {
        display: none;
    }
}


/* ==========================================================================
   4. LARGE SCREENS
   ========================================================================== */

@media only screen and (min-width: 1200px) {

    body {
         width: 1100px;
    }    

    header, #main, footer {
        width: 1100px;
    }

    #logo {
        margin-right: 70px;
    }    

    header h2, header h3 {
        width: 1055px;
    }

    #metanavigation {
        width: 600px;
    }


    #content {
        margin-bottom: -10px;
    }

    #breadcrumb {
        width: 990px;
    }

    #navigation {
        width: 200px;
    }    

    #content {
        width: 880px;
    }

    #content.full {
        width: 1100px;
    }

    .teaser, #content:not(.full) .full .teaser {
        width: 880px;
        margin: 0 0 20px 0;
    }

    .teaser h3 {
        font-size: 16px;
    }    

    .teaser ul li {
        font-size: 16px;
    }

    .full .teaser {
        width: 1100px;
    }

    .teaser.half, .newsrotator.half {
        width: 430px;
        margin-right: 0;
    }    

    .teaser.half:nth-child(2n), .newsrotator.half:nth-child(2n) {
        float: right;
        margin-right: 0;
    }

    .teaser.full h1 {
        font-size: 22px;
    }    

    .teaser.full p {
        font-size: 16px;
    }

    .teaser.full p img {
        max-width: 880px !important;
    }

    .teaser.half p img {
        max-width: 430px !important;
    }

    


    section.headline {
        height: 172px;
    }

    section.headline img {
        height: 172px;
        border-right: 20px solid #fff !important;
    }

    section.headline h1 {
        font-size: 26px;
        padding: 0 20px 0 35px;
    }


    /* ==========================================================================
       DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEASER HALF
       ========================================================================== */

    .full .teaser.half p img {
        margin: -20px -20px 0 -20px;
        max-width: 540px !important;
    }

    .full .teaser.half {
        width: 540px;
        padding: 0;
        margin-right: 20px;
    }

    .full .teaser.half:nth-child(n) {
        margin-right: 20px;
    }


    /* ==========================================================================
       DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEASER THIRD
       ========================================================================== */

    .teaser.third p img {
        margin: -20px -20px 0 -20px;
        max-width: 280px !important;
    }

    .teaser.third {
        width: 280px;
        padding: 0;
        margin-right: 20px;
    }

    .teaser.third:nth-child(2n) {
        margin-right: 20px;
    }

    .teaser.third:nth-child(3n) {
        margin-right: 0;
    }

    .teaser.third h2 {
        font-size:  15px;
        margin: 20px 20px 0 20px;
    }

    .teaser.third p {
        margin: 20px;
    }

    .teaser.third > h2 + p {
        margin-top: 0;
    }    

    .full .teaser.third p img {
        max-width: 350px !important;
    }

    .full .teaser.third {
        width: 350px;
        margin-right: 25px;
        margin-bottom: 25px;
    }    

    .full .teaser.third:nth-child(2n) {
        margin-right: 25px;
    }

    .full .teaser.third:nth-child(3n) {
        margin-right: 0;
    }



    /* ==========================================================================
       DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEASER QUARTER
       ========================================================================== */

    .teaser.quarter p img {
        max-width: 260px !important;
    }

    .teaser.quarter p {
        font-size: 15px;
        margin: 0 10px 0 0;
    }

    .teaser.quarter {
        width: 260px;
        margin-right: 20px;
    }

    .teaser.border p {
        margin:  0 15px 30px 15px;
    }




    /* ==========================================================================
       DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SLIDER
       ========================================================================== */

    .slider .infoBlock {
        top: 80px;
        left: 45px;
        width: 344px;
        height: 195px;
    }

    .slider.full .infoBlock {
        top: 105px;
        left: 65px;        
        height: 225px;
    }    

    .slider .infoBlock p {
        font-size: 17px;
        line-height: 18px;
    }

    .slider.full .infoBlock p {
        font-size: 15px;
    }

    #content:not(.full) .slider.full .infoBlock {
        height: 215px;
    }

    .infoBlock h3 {
        font-size: 23px;
        line-height: 23px;
    }

    .slider.full .infoBlock h3 {
        font-size: 20px;
        line-height: 1.3em;
    }




    #sliderNav {
        top: 180px;
        right: 10px;
    }    


    .newsrotator #slides section {
        height: 317px !important;
    }


    .text, .content {
        float: left;
        width: 570px;
    }    

    .text.half {
        width: 430px;
    }

    .text.full {
        width: 880px;
    }

    #content.full .text.full {
        width: 100%;
    }

    .text.full iframe {
        margin-bottom: 12px;
        width: 875px;
    }

    .text h1 {
        font-size: 26px;
    }

    .text h1.large {
        /* font-size: 24px; */
    }

    .text.grey {
        margin: 0 0 25px 0;    
        width: 830px;
    }

    .text.grey h1 {
        font-size: 30px;
    }

    .text h2 {
        font-size: 22px;
    }

    .text p, .text li {
        font-size: 16px;
    }

    .text li {
        background-position: 0 4px;
    }

    .text p.authorInfo {
        margin-top: 0;
    }

    .text.full hr {
        float: left;
        margin: 10px 0 15px 0;
        width: 100%;
    }

    .text.half:nth-child(2n) {
        margin-right: 20px;
    }

    .text.half.contact {
        padding-right:20px;
    }    

    .full .text.twoThird {
        width: 725px;
        margin-right: 25px;
    }

    .accordion dt, .accordion dd {
        width: 830px;
    }    


    /* ==========================================================================
       DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> IMAGE
       ========================================================================== */

    .textimage {
        float: left;
        /* padding: 0 25px 0 40px; */
        padding: 0 25px 0 0;
        width: 207px;      
    }

    .textimage + .text {
        width: 608px;
    }



    .faqQuestions {
        font-size: 16px;
    }    


    .teamlist, .newslist {
        width: 880px;
        margin-bottom: 20px;
    }

    #jahrgaenge {
        width: 855px;
    }

    .teamlist .fachbereich {
        width: 385px;
    }    

    #tabContainer {
        width: 890px;
    }   

    #content.full #tabContainer h1, .sgfinder#tabContainer h1, #content.full #tabContainer h2, .sgfinder#tabContainer h2 {
        font-size: 26px;
    }

    #tabNavigation {
        width: 855px;
    }

    #content.full #tabNavigation {
        width: 1075px;    
    }

    #tabNavigation li a {
        width: 133px;
        font-size: 16px;
    }       

    #content.full #tabNavigation li a {
        width: 215px;
    }

    .teamTabs {
        width: 880px;
    }

    .sgfinder .teamTabs {
        width: 100%;
    }

    #content.full .teamTabs {
        width: 1100px;    
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .portrait, .portraitLarge {
        width: 180px;
        height: 180px;
    }

    .teamTabs h1 {
        float: right;
        width: 630px;
        font-size: 22px;
    }

    /* EDITED ON 2014-09-10 START */
    .teamTabs h2, .teamTabs h3, .teamTabs h4, .teamTabs h5, .teamTabs h6, .teamTabs p, .teamTabs dl, .teamTabs ul, .teamTabs table {
        width: 630px;
    }     
    /* EDITED ON 2014-09-10 STOP */

    .teamTabs h2 {
        font-size: 22px !important;
    }


    .teamTabs hr {
        float: right !important;        
        width: 630px !important;
    }

    /* EDITED ON 2014-09-10 START */
    .teamTabs dt, .teamTabs table tr td:first-child {
        float: left;
        width: 135px;
    }

    .teamTabs dd, .teamTabs table tr td:last-child {
        float: right;
        width: 455px;
    }
    /* EDITED ON 2014-09-10 STOP */

    .teamTabs ul h3 {
        font-size: 16px;
        font-weight: 500;
        margin: 0 !important;
    }

    .teamTabs li {
        font-size: 16px;
        background: url('../i/bullet.png') no-repeat 0 5px;
    }


    .newslist .inhalt {
        width: 690px;
    }



    .lehrelist, .kontaktlist { 
        width: 640px;
    }

    .lehrelist .veranstaltung {
        width: 385px;
    }    

    .kontaktlist .daten {
        width: 440px;
    } 


    .imageBlock {
        margin: 0 40px 0 0;
        width: 180px;
        height: 240px;
    }

    .imageBlock img {
        float: none;
        margin: 10px 0 10px 10px;
    }    



    form.right {
        width: 382px;
        margin-bottom: 20px;
    }

    form.right fieldset {
        margin: 0 0 16px 0;
    }

    form.right select {
        width: 75px;
        padding: 2px 5px;
        margin: 0 14px 0 0;
        color: #c2c2c2;    
        font-size: 13px;    
        border: 1px solid #ccc;
    }

    form.right input[type=text] {
        padding: 3px 5px;
        margin: 0 14px 0 0;
        color: #c2c2c2;    
        font-size: 13px;
        border: 1px solid #ccc;
    }

    form.right .textHalf {
        width: 160px;
    }

    form.right .textOnethird {
        width: 75px;
    }

    form.right .textTwothird {
        width: 245px;
    }

    form.right .textFull {
        width: 351px;
    }

    form.right .areaFull {
        width: 351px;
        height: 100px;
        padding: 3px 5px;
        color: #c2c2c2;    
        font-size: 13px;
        border: 1px solid #ccc;
    }

    form.right #labelKopie {
        display: block;
        color: #828385;
        width: 170px;
        position: relative;
        top: -20px;
        left: 20px;
        margin-bottom: -20px;
    }

    form.right .halfWidth {
        float: left;
        width: 50%;
    }

    form.right #submit, form.right #senden {
        float: right;
        margin: 0 18px 0 0;
        padding: 2px 25px 3px 5px;
        width: 130px;
        height: 23px;
        background: url('../i/btSubmit.png') 95% 50% no-repeat;
        color: #fff;
        background-color: #bfbfbf;
        cursor: pointer;    
        border: none;    
    }    


    .sidebar {
        float: right;
        width: 270px;
        font-size: 13px;
    }

    .sidebar:not(.grey) {
        width: 250px;
    }

    .sidebar.grey {
        width: 250px;
    }

    .sidebar h3 {
        font-size: 16px;
    }

    .sidebar p {
        margin: 0 0 15px 0;
        font-weight: 300;
    }

    .sidebar ul li {
        font-size: 15px;
    }    

    .sidebar img {
        max-width: 280px !important;
    }        

    footer {
        margin-top: 25px;
    }


    /* ==========================================================================
       DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> INTRANET LOGIN
       ========================================================================== */

    #content.login p {
        width: 600px;
        font-size: 16px;
        font-weight: 300;
        margin: 10px 20px 0 30px;
    }

    #content.login .textFull {
        width: 350px;
    }

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   5. PRINT STYLES
   ========================================================================== */

@media print {
    *,
    .green,
    .green a {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /* EDITED ON 2014-10-07 START */
    /* a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    } */
    /* EDITED ON 2014-10-07 STOP */

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .printOnly {
        display: block !important;
    }

    /* ADDED ON 2014-10-07 START */
    #metanavigation, 
    #hauptnavigation, 
    #navigation, 
    #subnavigation, 
    #schnelleinstieg, 
    #btPrint, 
    #searchform, 
    footer, 
    #content > .slider .sliderContainer,
    .headline img,
    .nomobile,
    .more,
/*    form, SH*/
    .zoom .link,
    .zoom .link img,
    #tabNavigation,
    #tabContainer,
    .contact hr,
    .teaser.textpage img,
    .teaser.textpage p,
    .full .teaser.textpage {
        display: none;
    }

    .fachbereich.nomobile, .list td.nomobile, .portrait.nomobile, .text.full.grey.nomobile {
        display: block;
    }    

    .portrait, .portraitLarge {
        margin-left: 0;
    }

    .teamTabs {
        padding-top: 10px;
    }

    .zoom {
        width: auto;
        float: left;
        border: none;
    }

    .zoom .img {
        padding: 0 !important;
        margin: 0 !important;
    }

    #content {
        width: 100%;
        float: left;
    }

    table.list tr {
        border-bottom: 1px solid black;
    }

    table.list td:first-child, table.list th:first-child {
        padding-left: 0 !important;
    } 

    .text, .text.half {
        width: 65%;
        padding-right: 50px;
    }

    .text.twoThird {
        width: 100% !important;
    }

    .text.grey {
        padding: 0;
    }

    .text ul li {
        list-style: square;
        margin-left: 20px;
        padding-left: 0;
    }

    .text dt {
        padding-left: 0;
    }

    .text dd {
        display: block !important;
    }

    .sidebar {
        float: left;
    }

    .sidebar.termine h3, .sidebar.news h3 {
        padding-left: 15px !important;
    }

    header h2, header h3 {
        margin: 0;
        padding: 30px 0;
        font-size: 20px;
    }

    .text h1, .headline, .headline h1 {
        height: auto !important;
        padding: 20px 0 10px 0 !important;
        margin: 0 !important;
    }

    .teaser h1, .teaser h2, .teaser p {
        margin-left: 0 !important;
    }

    .teaser p img {
        margin-left: 0 !important;
    }

    .printUrl {
        font-size: 16px;
        margin: 0;
        padding: 0;
    }
    /* ADDED ON 2014-10-07 STOP */

}