@media only screen and (max-width: 1599px) { } @media only screen and (max-width: 1439px) { #rahmenmemo .col-10 { width: 100%; } .plus { 
transform: scale(.8);
margin-top: -12px; 
} section#projects #textbox .rectangle {
transform: scale(.8);
margin-top: -5px;
} section#projects #textbox .literatur li,
section#publikation li {padding: 6px 0;} section#projects #textbox .literatur li:before,
section#publikation li:before {top: 16px;}
section#team #listbox li:before {top: 10px;} #about .col-11 {width: 100%;}
#about .col-10 {width: 96%;}
.frame, 
.frame #outerSlider,
.frame #aboutSlider img {
height: 300px;
} .single .publikationen #textbox {padding: 1rem 0rem;} .single-team #textbox .col-10 {width: 100%; } .data .containbox {margin: 2rem 0 3rem;}	
} @media only screen and (max-width: 1279px) { .single .download .icon {left: 90px; } #description .col-10 { width: 90%; }
#description .content { padding: 1.5rem;}
#description .content p {padding: .5rem;}  section#projects .projectbox .col-4 {width: 50%;}
section#projects .projectbox {margin: 2rem 0 4rem;} .single .publikationen #herotitle.col-11,
.single .publikationen #textbox.col-10 {
width: 100%;
padding: 0 1% !important;
}
.single .publikationen #textbox .image:before { display: none; }
.single .publikationen #textbox .contain.right-img, 
.single .publikationen #textbox .contain.left-img {margin-bottom: 0rem;}
.single .publikationen #textbox.col-10 .literatur {margin-bottom: 3rem; } section#team .teambox .col-4 { width: 50% }
section#team .teambox {margin: 2rem 0 4rem;} .single #teambox .image {
width: 300px;
padding-right: 40px; 
}
.single #teambox .textbox {
padding: 0 0 2rem;
width: calc(100% - 300px); 
} section#contact .officebox .logo {margin-top: -.5rem;}
section#contact .officebox img {max-width: 200px;}
} @media only screen and (max-width: 1159px) { section#about #gridbox {padding: 40px 0 0px;}
section#about .col-4 {width: 50%;}
section#about .col-4:last-child {
display: block; 
margin: 30px auto;
}
.frame {margin-bottom: 1rem;} .single .publikationen #herotitle.col-10 {padding-right: 25% !important  }
} @media only screen and (max-width: 1023px) { .home .swiper-pagination,
.single .swiper-pagination {bottom: 0px !important;} section#projects .projectbox .col-11 {margin-top: 50px;} section#team .teambox .col-4 .contain { padding: 1rem; } .single-team .tablet { 
display: inline-block; 
max-width: calc(100% - 390px); 
padding-left: 40px;   
} 
.single-team .desk { display: none; } 
.single-team #teambox .image img{
max-height: 350px;
object-fit: contain;
object-position: top left;
}
.single-team #teambox .copy,
.single #teambox #listbox {padding-bottom: 1rem;}
.single-team #teambox .textbox {padding: 0; }
.single-team #teambox .textbox,
.single-team #teambox .image {width: 100%;}
.single-team #teambox .copy p {text-align: left;}
.single-team #teambox .image {
padding: 0 0 2rem;
max-width: 350px;
text-align: left;
}
.single-team #teambox #listbox li {margin: 0;}
.single-team #teambox #listbox ul {margin-left: 20px;} .data .width-space.col-1 { display: none; }
.data .containbox.col-8 {
width: 100%;
padding: 0 2% !important;
}
} @media only screen and (max-width: 939px) { section#projects .projectbox .col-4 {width: 50%;} .single .publikationen #textbox img { box-shadow: none; }
.single .publikationen #textbox .contain.default {padding: 0rem;}
.single .publikationen #textbox .col-6 {
width: 100%;
padding: 0;
} .single-post #herotitle {margin-top: 4rem;}
.single-post #textbox .col-8,
.single-post #textbox .col-4 { width: 100%; }
.single-post .publikationen #textbox .contain {padding: 1rem 0;}
.single-post .publikationen #textbox .image.right {padding-left: 0rem;}
.single-post .publikationen #textbox .image.left {padding-right: 0rem;}
.single-post .publikationen #textbox .editor p {text-align: left;}
.single-post .publikationen #textbox .image img {
max-width: 350px;
margin: 20px 0;
} footer .menu-footer-menu-container { margin-top: 10px; }
} @media only screen and (max-width: 850px) { section {padding: 5% 2%;} #texteslider #swiper,
#teamslider #swiper { padding: 2rem 1rem 1rem;} .frame, 
.frame #outerSlider, 
.frame #aboutSlider img {height: 260px;} #description .language { 
top: 15px;
right: 20px;
}
#description .language .icon {  
left: -45px;
transform: scale(.55);
width: 50px;
height: 50px;
} section#projects .projectbox .col-4 .contain {padding: 1.5rem 1rem;} section#team .teambox .col-4 .contain {padding: 1rem 1rem 1.5rem;} .data ul#menu-page-top-menu li:nth-child(1) {margin-right: 150px;} section#contact .headline p {font-family: 'montreal-medium', sans-serif; }
} @media only screen and (max-width: 766px) { 
section#projects #herotitle,
section#team #herotitle {
margin: 2rem 3%;
}
#herotitle h3, 
#herotitle p,
.single #herotitle .one {
padding: .2rem .5rem 0 .5rem; 
} section#about {padding-top: 6%;} #description .col-10 { width: 96%; }
#description .content {padding: 1rem;}
#description .content p {padding: .5rem 0;} section#projects .projectbox .col-4 {width: 100%;}
section#projects .projectbox .col-4.introtext {width: calc(100% - 2rem);}
section#projects .projectbox .col-4 .contain {
height: auto;
padding: 1.5rem 1rem .2rem;
}
section#projects .projectbox .col-11 .col-12 {
margin-top: 120px;
}
section#projects .projectbox .col-4 .lesenbut {
position: relative;
display: block;
margin-top: 30px;
width: 125px;
}
section#projects .projectbox .col-4.introtext .contain {height: auto;}
section#projects .projectbox .col-4.introtext .lesenbut {margin-top: 30px } section#team .teambox .col-4 { width: 100%; }
section#team .teambox .col-4 .contain {
height: auto;
padding: 1rem 1rem .2rem;
}
section#team .teambox .col-11 .col-12 {
margin-top: 100px;
}
section#team .teambox .col-4 .lesenbut {
position: relative;
display: block;
margin-top: 30px;
width: 125px;
} .single-team .tablet { display: none;   } 
.single-team .desk { display: block; } section#contact .col-6 {
width: 100%;
padding-top: 20px;
}
section#contact .headline p {padding-bottom: 10px;} footer ul li {margin-left: 0px; }
} @media only screen and (max-width: 599px) { .accordion-header h3 {display: block;}
#rahmenmemo h3,
section#publikation h3 {padding-bottom: 0em;}
.plus {margin: .5rem;}
section#publikation #contain { padding: 2rem 1rem 0;} .single .publikationen .language {right: 200px;} .single .publikationen .download {right: 90px;}
.single .publikationen .download .icon {
left: 90px;
transform: scale(.75);
} .home .swiper-pagination,
.single .swiper-pagination { display: none; } section#projects .projectbox .col-4 .contain {padding: 1rem;  height: auto; }
section#projects .projectbox .col-4 .lesenbut {
position: relative;
display: block;
top: 0px;
left: 0px;
margin-top: 20px;
width: 125px;
} .single .publikationen #herotitle.col-10 {padding-right: 15% !important;}
.single-post .publikationen #textbox .contain {padding: .5rem 0;} section#team .teambox .col-4 { width: 100%; text-align: left; }
section#team .teambox .col-4 .contain {padding: 1rem; height: auto;}
section#team .teambox .col-4 .lesenbut {
position: relative;
display: block;
top: 0px;
left: 0px;
margin-top: 20px;
width: 80px;
} section#about #gridbox {
padding-top: 30px;
}
section#about .col-4 {
width: 100%; 
margin: 30px auto; 
padding: 0px;
}
section#about h3,
section#about #gridbox p {text-align: left;} footer .copyright {
position: relative;
text-align: center;
display: block;
left: 0px; 
}
footer ul {
padding: 30px 0px;
text-align: center;
}
} @media only screen and (max-width: 479px) { section#team #listbox .list p {margin-right: 0px;} section#projects #textbox .rectangle {
transform: scale(.7);
margin-top: -7px;
} .single .publikationen .language {top: -20px; right: 180px;}
.single .publikationen .language .icon {
top: -7px;
left: -50px;
transform: scale(.5);
} .single .publikationen .download {top: -20px; right: 70px;}
.single .publikationen .download .icon {
top: -15px;
left: 75px;
transform: scale(.65);
} #next-prev-post a .prev, 
#next-prev-post a .next {transform: scale(.7);} section {padding: 5% 4%;} header .contain {
margin-left: 4%; 
width: 94%;
} .home .swiper-button-prev, 
.home .swiper-button-next,
.single .swiper-button-prev, 
.single .swiper-button-next {transform: scale(.7);} section#about #gridbox .title {padding-bottom: 0px;}
.frame, 
.frame #outerSlider, 
.frame #aboutSlider img {height: 220px;} section#projects .projectbox .col-4.introtext .lesenbut {margin-top: 10px }
section#projects .projectbox .col-12 .col-4 {padding: 1rem .5rem;}
.page section#publikation .col-10 {width: 92%;} .single-post .publikationen #textbox .image img {max-width: 300px;}
.single .publikationen .literatur li {padding: 6px 0;}
.single .publikationen .literatur li:before {top: 16px;} section#team .teambox {padding: 0;}
section#team .teambox h4 {text-transform: uppercase;}
section#team .textbox .copy {padding-bottom: 1rem;}
section#team #listbox {padding-bottom: 0rem; }
.single-team #teambox .image img {max-height: 300px;}
}