/* ********************** * Newssystem ansicht * div.ext_News > div.news_einzel dialog * */ div.ext_News div.newslist { padding:0px; margin-bottom: 0px !important; position: relative; /*height: 600px;*/ /*width: 600px;*/ float: left; position: relative; display: table; -webkit-transition-property: transform, box-shadow; -moz-transition-property: transform, box-shadow; -ms-transition-property: transform, box-shadow; -o-transition-property: transform, box-shadow; transition-property: transform, box-shadow; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s
} div.ext_News div.newslist:hover { transform: scale(1.01); box-shadow: 0 0 20px rgba(0,0,0,0.4);
} div.ext_News div.newslist div.newsImages { display: table-cell; vertical-align: middle; text-align: center; height: 100%;
} div.ext_News div.newslist p.news_date { display: none; position: absolute; top:0px; right:0;
} div.ext_News div.newslist div.newsImages a,
div.ext_News div.newslist div.newsImages { padding: 0; margin: 0; /* margin-left: 2%; margin-bottom: 2%; */
} #content div.ext_News div.newslist div.newsImages img.CMSimage,
#content div.ext_News div.newslist div.newsImages img.image { margin: 0px; padding: 0px; width: 100%; margin-bottom: -5px;
} div.ext_News div.newslist div.newsText { /* float: left; width: 300px; padding-left: 15px; */ display: none;
} div.ext_News div.newslist div.news_text p { margin: 0;
} div.ext_News div.newslist h3.news_headline { padding-top:20px; padding-bottom:20px; display: none;
} div#content div div.rahmen3 div.ext_News div.newslist h3.news_headline a,
div.ext_News div.newslist h3.news_headline a,
div.ext_News div.newslist h3.news_headline a:hover { font-size: 16px;
} div.ext_News div.newslist h5 a { font-size: 20px;
} div.ext_News div.newslist a.news_more { display: block; padding:10px; background-color:#fff; margin-top:10px; border-radius:8px; float: right; font-weight: bold; text-decoration: none
} div.ext_News div.newslist .bearbeiten_button_up { z-index: 5; float: right; position: relative;
} div.ext_News > .bearbeiten_button_up { min-height: 50px; float: none;
} div.ext_News > .bearbeiten_button_up .add { right: auto; left: 5px;
} div.ext_News div.newslist div.newsImages { width: 100%; display: block;
} .ext_News .newslist { min-width: 220px; margin: 40px; overflow: hidden;
}
.ext_News .newslist:nth-child(4n+1),
.ext_News .newslist:nth-child(1n) { margin: 40px 0px 40px 40px;
}
.ext_News .newslist:nth-child(4n) { margin: 40px 0px 40px 40px;
} .ext_News .newslist:nth-child(3n+1) { /* clear: both; */
} .newslist .newsText { display: block !important; width: 100%; padding: 5%; margin: 0; clear: both; float: none; position: relative; text-align: center; -webkit-transition-property: bottom; -moz-transition-property: bottom; -ms-transition-property: bottom; -o-transition-property: bottom; transition-property: bottom; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;
} .newslist:hover .newsText { bottom: 0px;
} .newsText h3 a, .newsText h3 { color:#c9ab03;
} .NewsAdmin { display: block; position: absolute; height: 50px; width: 100%;
} .PageCMS { clear: both; display: block; position: relative; text-align: center; padding: 20px 0;
} .PageCMS a { display: inline-block; margin: 3px; padding: 15px; background-color: #f7f7f7; -webkit-transition-property: background, color; -moz-transition-property: background, color; -ms-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s
} .PageCMS a:hover,
.PageCMS a.active { background-color: #000; color:#fff;
} @media screen and (max-width: 1024px) { .ext_News .newslist:nth-child(3n+1) , .ext_News .newslist:nth-child(3n), .ext_News .newslist { margin: 2% 2% 2% 0%; clear: none; } .ext_News .newslist:first-child, .ext_News .newslist { min-width: 46% !important; margin: 2% 2% 2% 0%; clear: none; } .ext_News .newslist:nth-child(2n) { margin: 2% 2% 2% 0px; }
} @media screen and (max-width: 700px) { .ext_News .newslist:nth-child(3n+1) , .ext_News .newslist:nth-child(3n), .ext_News .newslist { min-width: 100% !important; margin: 40px 40px 40px 0px; clear: both; } div.ext_News div.newslist div.newsImages a, div.ext_News div.newslist div.newsImages { width: 100%; }
}