@media (max-width:960px) {
    #ext-header,
    #ext-menu,
    #ext-content-middle-bbox,
    #ext-content-right-bbox {
    	width: 100%;
    }

    #ext-content {
        margin-top: 30px;
    }

    #ext-content-full {
        margin-bottom: 30px;
    }

    #ext-content-parts {
        display: block;
    }

    #ext-all {
    	width: 96%;
    	padding: 0 2%;
    }

    #ext-content-middle,
    #ext-content-right {
    	display: block;
    }

    #ext-topmenu {
    	font-size: 22px;
    }

    .ext-topmenu-search-icon,
    #ext-topmenu-tulogosolo-icon {
    	width: 20px;
    	height: 22px;
    }

    #ext-header {
        display: block;
        position: relative;
    }

    #ext-header-title {
        display: block;
        width: 100%;
        white-space: normal;
    }

    #ext-header #ext-header-title-logo {
        position: absolute;
        left: 0px;
    }

    #ext-header #ext-header-title-text {
    	width: 100%;
        float: left;

        text-align: center;
        margin-top: 50px;
        margin-bottom: 20px;

        white-space: normal;
    }

    #ext-header-tulogo-claim {
        display: none;
    }

    #ext-header-logo-right {
        position: absolute;
        top: 0px;
        right: 0px;
   }
    #ext-header-logo-right img
    {
        max-height: 50px;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;

    }
    #ext-header-logo-right-two {
        position: absolute;
        top: 0px;
        right: 110px;
        max-height: 32px;
    }
    #ext-header-logo-right-two img
    {
        max-height: 35px;
        width: auto;
    }
    #ext-header-logo-right-three {
        position: absolute;
        top: 0px;
        right: 110px;
        max-height: 32px;
    }
    #ext-header-logo-right-three img
    {
        max-height: 45px;
        width: auto;
    }

    /* Menue */

    #ext-menu-dropdown {
        display: block;
    }

    #ext-menu-dropdown a {
        white-space: normal;
    }

    #ext-menu-dropdown-items {
        margin-top: 10px;
    	display: none;
    }

    #ext-menu-dropdown-items.ext-menu-dropdown-open {
    	display: block;
        position: relative;
        z-index: 15;
        background-color: #ffffff;
    }

    #ext-menu-dropdown-items>.ext-menu-dropdown-lw,
    #ext-menu-dropdown-items>.ext-menu-dropdown-lw-rightmost {
    	display: block;
    	width: 100%;
    	padding: 5px 0;
    }

    .ext-menu-dropdown-l2 {
    	position: relative;
    	width: 99%;
    	padding: 0px;
    	margin: 0px auto;
    }

    .ext-menu-dropdown-l2-item,
    .ext-menu-dropdown-l2-item-last {
    	padding: 0 20px;
    	margin: 15px 0;
    }

    .ext-menu-dropdown-close {
    	margin: 0px;
    }

    .ext-menu-dropdown-responsive-opener {
        display:block;
    }

    .ext-menu-dropdown-responsive-opener svg {
        top: 5px;
        position: relative;
    }

    div.csc-mailform .csc-form-element label,
    div.csc-mailform .csc-form-element-select > select,
    div.csc-mailform .csc-form-element-textline > input {
        width: 100%;
        box-sizing: border-box;
    }

    #ext-content-middle-bbox > .csc-default,
    #ext-content-middle-bbox .ce-bodytext {
        max-width: 100%;
        width: 100%;
        /* overflow: auto;*/
    }
/*
    #ext-content-middle a {
        word-break: break-all;
    }
*/
    #ext-content-middle .csc-textpic-text table,
    #ext-content-middle .csc-frame table,
    #ext-content-middle .ce-bodytext table {
        max-width: 100%;
        table-layout: fixed;
        overflow-x: auto;
        display: block;
        white-space: nowrap;
        height: auto;
    }

    #ext-content-middle img {
        max-width: 100%;
        height: auto;
    }

    #ext-content-middle table img {
        max-width: none;
    }

    /* topic slider */

    .module_topic_slider {
        width: 100%;
        max-width: 640px;
        margin: 0 auto;
    }

    .module_topic_slider .article {
        width: 100%;
        margin-left: 0px;
    }

    .module_topic_slider .article.active .link_image {
        position: relative;
        margin-bottom: -4px;
    }

    .module_topic_slider .article .link_image,
    .module_topic_slider .article.active .link_image {
        height: auto;
        display: block;
        position: relative;
        line-height: 0;
    }

    .module_topic_slider .article.active .link_image {
        height: auto;

    }

    .module_topic_slider .article .link_image img {
        width: 100%;
        height: auto;
    }

    .module_topic_slider .article .link_image {
        max-width: 100%;
        max-height: 0;
        display: block;

        overflow: hidden;

        -webkit-transition: max-height .5s ;
        -moz-transition: max-height .5s ;
        -ms-transition: max-height .5s ;
        -o-transition: max-height .5s ;
        transition: max-height .5s ;

    }

    .module_topic_slider .article.active .link_image {
        height: 64%;
        max-height: 296px;
    }


    #ext-content-middle .csc-textpic-imagerow {
        display: inline;
        width: 100%;
        float: none;
    }

    #ext-content-middle .csc-textpic-intext-right .csc-textpic-imagerow {
        display: block;
    }

    #ext-content-middle .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        float: none;
    }

    #ext-content-middle .csc-textpic-intext-right-nowrap .csc-textpic-text {
        margin-right: 0px;
    }

    #ext-content-middle .csc-textpic-intext-left-nowrap > .csc-textpic-text,
    #ext-content-middle .csc-textpic-intext-right > .csc-textpic-imagewrap {
        margin-left: 0px;
    }

    #ext-content-middle .csc-textpic-imagerow .csc-textpic-imagecolumn {
        max-width: 20.5%;
        margin-right: 2%;
        float: left;
        display: inline-block;
    }

    #ext-content-middle .csc-textpic-imagewrap {
        width: 100%;
    }

    #ext-content-middle .csc-textpic-imagewrap[data-ce-columns="1"] .csc-textpic-imagerow .csc-textpic-imagecolumn {
        max-width: 100%;
        margin-right: 0px;
        width: 100%;
        height: auto;
    }

    #ext-content-middle .csc-textpic-imagerow figure img,
    #ext-content-middle .csc-textpic-imagewrap figure img {
        max-width: 100%;
        width: auto;
        margin: 0 auto;
    }



    iframe {
        max-width: 100%;
    }

    .video-js-box {
        max-width: 100%;
        height: auto !important;
    }

    #ext-content-middle video {
        height: auto;
        max-height: 500px;
    }

    .mdl_fullscreen_slider .text_wrapper {
        position: absolute;
        width: 100%;
        right: 0;
        top: auto;
        bottom: 0px;
        height: 220px;

    }

    #ext-content-full .csc-textpic-imagewrap[data-csc-images="7"] .csc-textpic-imagecolumn {
        width: 14.2%;
        height: auto;
    }

    DIV.csc-textpic .csc-textpic-imagewrap IMG {
        max-width: 100%;
    }

    .ext-content-middle-sectionmenu-text {
        padding-left: 0px;
    }

    #ext-content-middle figure {
        margin: 0 auto;
    }

    .module_grid_3 {
        max-width: 100%;
    }

    .module_grid_3 article {
        width: 100%;
        margin-bottom: 10px;
    }

    .ext-menu-dropdown-l1>a>svg {
        margin-left: 3px;
    }

    #ext-content-middle a:hover svg path, a:hover > svg path {
        fill: #000 !important;
    }

    #ext-header-title-logo img,
    #ext-header-tulogo-imgwrap svg {
        max-height: 35px;
        width: auto;
    }

    .ext-resp-table-controls {
        display: block;
        text-align: right;
    }

    .ext-resp-table-controls .ext-resp-table-controls-control svg {
        height: 15px;
        width: auto;
        transform: rotate(90deg);
    }

    .ext-resp-table-controls .ext-resp-table-controls-right svg {
        transform: rotate(-90deg);
    }

    .ext-resp-table-controls .ext-resp-table-controls-control svg path {
        stroke: #E4154B !important;
    }

    #ext-content .fullscreenParent {
    	height: calc(100vh - 325px);
    }

    .ext-content-middle-iconwrap,
    .ext-content-middle-sectionmenu {
        display: block;
        max-width: 100%;
    }

}

@media (max-width:640px) {

    .ext-content-right,
    #ext-content-middle {
        width: 100%;
        float: none;
        display: block;
    }

    #ext-content-right-bbox,
    #ext-content-right-top-bbox {
        max-width: none;
        display: block;
        width: 540px;
        margin: 0px auto;
    }

    .ext-content-right .csc-default {
        min-width: 260px;
        width: 260px;
        float: left;
        margin-right: 20px;
        margin-bottom: 0px;
    }

    .ext-content-right .csc-default:nth-child(2n) {
        margin-right: 0px;
    }

    .course.listEntry .courseSecondaryData,
    .course.listHeader .courseSecondaryData {
        width: 100%;
        float: left;
    }

    .course.listHeader .courseSecondaryData {
        display: none;
    }

    .course.listEntry .courseSecondaryData {
        display: grid;
        grid-template-columns: 25% repeat(auto-fit, minmax(75px, 1fr));
    }

    .course.listEntry .courseSecondaryData > div {

    }

    .tx-tug-research .courses .course.courseData {
        //float: none;
        display: inline-block;
        vertical-align: top;
    }

    .course.listEntry .courseFooterData>.courseData {
        display:block;
    }

    .tx-tug-research .courses .course.code,
    .tx-tug-research .courses .listHeader .course.code {
        box-sizing: border-box;
        width: 25%;
    }

    .courseSecondaryLabel {
        display: inline-block;
    }

    .tx-tug-research .courses .course.courseName,
    .tx-tug-research .courses .listHeader .course.courseName {
        box-sizing: border-box;
        width: 75%;
    }

    .tx-tug-research .courses .listHeader .course.courseName svg {
    	display: none;
    }

    .tx-tug-research .courses .course.courseName svg {
    	transition: transform 0.2s;
    }

    .tx-tug-research .courses .open .course.courseName svg {
    	transform: rotate(180deg);
    }

    #ext-content-middle .tx-tug-research .courses .listEntry .course.courseName .ext-menu-dropdown-arrow-icon {display: inline;}

    .courseResponsiveHidden {
        height: 0px;
        overflow: hidden;
        max-height: 600px;
        clear: both;
    }

    .open .courseResponsiveHidden {
        height: auto;
    }

    .tx-tug-research .person.listEntry>.person {
        width: -webkit-calc(100% - 120px);
        width:    -moz-calc(100% - 120px);
        width:         calc(100% - 120px);
    }

    .tx-tug-research .person.listEntry>.person.email {
        word-wrap: break-word;
    }

    .tx-tug-research .persons.listView .personImage {
        padding-right: 0px;
    }

    #ext-content-middle .tx-tug-research .persons .person.fullname, #ext-content-middle .tx-tug-research .person .person.fullname,
    #ext-content-middle .tx-tug-research dl,
    #ext-content-middle .tx-tug-research p {
        width: -webkit-calc(100% - 120px);
        width:    -moz-calc(100% - 120px);
        width:         calc(100% - 120px);
    }


    .module_topic_slider .article.active .link_image {
        max-height: 281px;
    }

    #ext-content-middle .tx-tug-research .researchActivity.listView .person.listEntry > .participant {
        width: 90%;
    }

    #ext-content-middle .csc-textpic-intext-left-nowrap > .csc-textpic-text, #ext-content-middle .csc-textpic-intext-right > .csc-textpic-imagewrap {
        padding: 0;
        float: none;
    }

    .csc-textpic-intext-left-nowrap-260 .csc-textpic-text {
        margin-left: 0px;
    }

    DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
        float: none;
    }

    #ext-content-middle .ce-bodytext img,
    #ext-content-middle .csc-default p img{
        max-width: 100%;
    }

    .ext-content-right .ext-menu-right-item {
    	text-align: center;
    }

    .module_grid_3 .article {
        width: 100%;
        padding: 0px;
    }

    .hideOnMobile {
        display: none;
    }
    #ext-header-logo-right img
    {
        max-height: 50px;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

@media (max-width:540px) {
    #ext-header-logo-right img
    {
        max-height: 50px;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .ext-content-right .csc-default {
        margin-right: 0px;
        width: 100%;
        max-width: none;
        min-width: none;
    }

    #ext-content-right-bbox,
    #ext-content-right-top-bbox {
        width: 100%;
    }

    #ext-content-middle figure {
        width: 100%;
    }

    .news-list-item .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
        float: none;
    }

    .csc-textpic-image img {
        width: 100%;
        height: auto;
    }

    #ext-content-middle .news-list-item .csc-textpic-intext-left-nowrap > .csc-textpic-text {
        margin-left: 0px;
    }

    .module_topic_slider .article.active .link_image {
        max-height: 225px;
    }

    #ext-content-middle .csc-textpic-imagerow .csc-textpic-imagecolumn {
        max-width: 30%;
        margin-right: 1%;
    }

    #ext-content-middle .csc-linkToTop {
        margin: 0px;
    }
}

@media (max-width:450px) {

    #ext-header-logo-right img
    {
        max-height: 50px;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .ext-menu-dropdown-l3-item,
    .ext-menu-dropdown-l3-item-rightmost {
        display: block;
    }

    .ext-menu-dropdown-l3 > br {
        display: none;
    }
}