/*******************************************************************************/
/* */
/* */
/* @media (min-width: 450px) */
/* */
/* */
/*******************************************************************************/
@media (min-width: 450px) {
}
/*ENDE @media (min-width: 450px) ENDE*/
/*******************************************************************************/
/* */
/* */
/* @media (min-width: 640px) */
/* */
/* */
/*******************************************************************************/
@media (min-width: 640px) {
}/*ENDE @media (min-width: 600px) ENDE*/
/*******************************************************************************/
/* */
/* */
/* @media (min-width: 767px) */
/* */
/* */
/*******************************************************************************/
@media (min-width: 767px) {
h1, .h1 {
font-size: 48px;
}
h2, .h2 {
font-size: 32px;
font-size: 24px;
padding:0
}
.sidebar .blog {
margin: 0;
width: 100%;
}
/* STYLE 5 */
li.field-entry.teaser-im-bild.style5 {
margin-left: 15%;
}
li.field-entry.hg-bild.style5 img {
height: auto;
width: 100%;
}
}/*ENDE @media (min-width: 767px) ENDE*/
/*******************************************************************************/
/* */
/* */
/* @media (min-width: 990px) */
/* */
/* */
/*******************************************************************************/
@media (min-width: 990px) {
.top {
margin: 0 15%;
}
.top .oben {
flex-flow: row;
height:107px;
}
.smallHead .top .oben {
height: 0px;
}
.top_item {
display: inherit;
}
.top .unten {
display: flex;
}
.hg_top {
top: 0;
}
.hg_content {
margin-top: 163px;
transition: 0.2s all ease-in-out;
margin-bottom: 0;
}
.hg_content.smallHead {
margin-top: 156px;
transition: 0.2s all ease-in-out;
}
/* Aktuelles */
.news_box {
padding: 5px;
}
.news_box_items {
width: 100%;
padding: 0 50px;
}
.news_box .mod-articlesnews.newsflash .mod-articlesnews__item {
width: 33%;
}
/* BLOG */
#studien .blog,
#aktuelles .blog {
margin: 50px 15% 100px;
width: 100%;
}
#aktuelles .blog-item {
/*padding: 2% 5%;*/
}
/*2 Spalten*/
.blog-items.masonry-2 .blog-item,
.blog-items.columns-2 .blog-item{
width: calc(70% / 2);
padding: 20px 20px 100px 20px;
}
.sidebar .blog-items.masonry-2 .blog-item,
.sidebar .blog-items.columns-2 .blog-item{
width: calc(100% / 2);
padding: 20px 20px 100px 20px;
}
/*3 Spalten*/
.blog-items.masonry-3 .blog-item,
.blog-items.columns-3 .blog-item{
width: calc(70% / 3);
padding: 20px 20px 100px 20px;
}
/* mit rechter Sidebar */
.sidebar .blog-items.masonry-3 .blog-item,
.sidebar .blog-items.columns-3 .blog-item{
width: calc(100% / 3);
}
.sidebar .com-content-article.item-page {
margin: 50px 50px 100px 0;
}
/* STYLE 2 */
li.field-entry.beitrag-text-1.style2 {
width:50%;
padding: 20px 20px 100px 15%;
background: var(--hellgrau);
display: flex;
align-items: center;
}
li.field-entry.beitrag-text-2.style2 {
width:50%;
padding: 20px 15% 100px 20px;
border: none;
}
/* mit Sidebar */
.sidebar li.field-entry.beitrag-text-1.style2 {
padding: 20px 50px 50px 50px;
}
.sidebar li.field-entry.beitrag-text-2.style2 {
padding: 20px 50px 50px 50px;
border:1px solid var(--hellgrau);
}
/* STYLE 3 mit Sidebar */
/* STYLE 3 */
li.field-entry.style3 {
width: calc(70% / 3);
padding: 50px 50px 100px;
transition: 0.5s background;
min-height: 320px;
}
li.field-entry.style3:nth-child(2n+0) {
background: var(--hellgrau);
}
li.field-entry.style3:nth-child(3n+1) {
margin: 0 0 0 15%;
padding:50px;
}
li.field-entry.style3:nth-child(3n+2) {
margin: 0;
padding:50px;
}
li.field-entry.style3:nth-child(3n+0) {
margin: 0 15% 0 0;
padding:50px;
}
/* STYLE 3 mit Sidebar */
.sidebar li.field-entry.style3 {
width: calc(100% / 3);
padding: 15px;
}
.sidebar li.field-entry.style3:nth-child(3n+1) {
margin-left: 0;
}
.sidebar li.field-entry.style3:nth-child(3n+0) {
margin-right: 0;
}
li.field-entry.style3:first-child {
/*padding-left: 0;*/
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>> STYLE 4 ********************************/
li.field-entry.style4 {
width: calc(70% / 3);
padding: 50px;
transition: 0.5s background;
}
li.field-entry.style4:nth-child(3n+1) {
margin: 0 0 0 15%;
padding:50px;
}
li.field-entry.style4:nth-child(3n+2) {
margin: 0;
padding:50px;
}
li.field-entry.style4:nth-child(3n+0) {
margin: 0 15% 0 0;
padding:50px;
}
li.field-entry.s4-hg.style4 {
padding: 0;
}
li.field-entry.style4:first-child {
align-items: center;
display: flex;
flex-flow: column;
padding-left: 0;
}
li.field-entry.s3-text4-2.style4 {
display: block;
}
/* Impressum */
.com-content-article.item-page,
.com-content-article.item-pagestudien {
margin: 50px 15% 100px;
}
.com-content-article__body {
margin-top: 50px;
padding-right: 50px;
}
.menu_footer,
.hg_copy {
width: 50%;
}
.copyright {
margin: 0 15%;
text-align: right;
}
#webinare .content-box {
margin: 0 15%;
}
}
/*ENDE @media (min-width: 990px) ENDE*/
/*******************************************************************************/
/* */
/* */
/* @media (min-width: 1200px) */
/* */
/* */
/*******************************************************************************/
@media (min-width: 1200px) {
.sidebar .content-box {
width: 55%;
margin-left: 15%;
}
/* STYLE 1 */
.sidebar ul.fields-container li.style1:nth-child(3n+1) {
width: calc(100% / 3);
margin: 0px;
padding: 15px;
}
.sidebar ul.fields-container li.style1:nth-child(3n+2) {
width: calc(100% / 3 * 2);
max-height: 600px;
}
ul.fields-container li.style1:nth-child(3n+1) {
width: calc(70% / 3);
margin: 0px 0px 0px 15%;
align-items: center;
padding: 0 30px 0 0;
}
li.field-entry.beitrag-teaser.style1 {
}
ul.fields-container li.style1:nth-child(3n+2) {
width: calc(70% / 3 * 2 + 15%);
max-height: 600px;
}
li.field-entry.beitrag-bild.style1 span {
height: 600px;
}
.sidebar {
display: flex;
flex-flow: row;
}
.sidebar .sidebar_right {
width: 30%;
padding: 30px;
display: flex;
}
} /*ENDE @media (min-width: 1160px) ENDE*/
@media (min-width: 1440px) {
h2, .h2 {
font-size: 32px;
}
h3, .h3 {
font-size: 20px;
}
}