/* MEDIA QUERIES

*********************************************/

/* Extra small devices (phones, less than 480px) */
@media (max-width: 639px) {/**/

h1, h2,
.info-container
    {
    -webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}
    .info-container {
font-size: 12vmin;

}
 .footers {
justify-content: center;
}
    .footer-contact .footercontactelement .catlink::before {
    display: none;
}
    .footer-contact .footercontactelement a.catlink {
    padding: 7px 0 0px 0px;
    
}
    .uk-position-top-left {
    position: relative !important;
    
}
    #oben2 div.logo-big {
		margin: 0 auto;
}
	.uk-navbar {
    flex-direction: column;
    width: 100%;
    align-items: center;
}
	.logomenu img {
    height: 60px;
    width: auto;
}
.item-image-title {
}
	.teaser {
  font-size: 14px;
  padding: 5px 10px;
	line-height: 1.2;	
}
    
/**/}

@media (max-width: 959px) {/**/


	
/**/}
/* Small devices (tablets, 650px and up) */

@media (min-width: 640px) {/**/


 .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
     margin-top: 0px;
} 
    .background-fixed {
        background-attachment: fixed;
    } 
    .full-height,
    .full-height > .custom {
    height: 100vh;
}
#oben2 {

	text-align: center;
}
#oben2.uk-active div.logo2 {
	margin: 3px 0px 3px 0px;
	
}
#oben2 div.logo-big {
	width: auto;
    text-align: left;
}
	#oben2.uk-active div.logo-small {
	width: auto;
        height: auto;
        text-align: left;
        max-width: 200px;
}
.topbar {

    display: flex;
    align-items: flex-end;
}
.page-header {
	margin: 0px 0 0px;
}
.items-row.row-0 .blog-item {
  margin: 60px 0 40px;
} 
.items-row.row-0 .uk-grid-small .blog-item {
  margin: 60px 0 10px;
}   
.background-even-odd .items-row .blog-item {
  margin: 60px 0;
} 

    .imagecontain {
    display: flex;
}

.helper {

    position: relative;
    clear: both;
    width: 1px;
    display: block;
}
  

/* custom blog */

	.items-leading .uk-container:nth-child(2) .blog-item {
    float: right;
}
	.columned.blog-item

	{
    display: flex;
}	
	.columned.blog-item .extra-element {
    margin-left: 80px;
	margin-top: 0 !important;
}
	.item-element.columned .item-image-title,
	.columned.blog-item:nth-child(2n) .item-element.columned .item-content,
	.columned.blog-item .item-element.with-extra-element,
	.columned.blog-item:nth-child(2n) .extra-element
	{
    width: 45%;
		box-sizing: border-box;
}
	.columned.blog-item:nth-child(2n) .item-element.columned .item-image-title,
	.item-element.columned .item-content,
	.columned.blog-item:nth-child(2n) .item-element.with-extra-element,
	.columned.blog-item .extra-element

	{
    width: 55%;
		box-sizing: border-box;
}	
	
	.three-two .blog-item {
    width: 34%;
}
	.items-row:nth-child(2n-1) .three-two .blog-item:last-child,
	.items-row:nth-child(2n) .three-two .blog-item:first-child
	{
    width: 66%;
}
		.two-three .blog-item {
    width: 57%;
}
	.items-row:nth-child(2n-1) .two-three .blog-item:last-child,
	.items-row:nth-child(2n) .two-three .blog-item:first-child
	{
    width: 43%;
}
	.two-four .blog-item {
    width: 28%;
}
	.items-row:nth-child(2n-1) .two-four .blog-item:last-child,
	.items-row:nth-child(2n) .two-four .blog-item:first-child
	{
    width: 72%;
}
	
	.mod-articlesnews__item:last-child {
    margin-left: auto;
}
	.contentbottom {
    display: flex;
    justify-content: center;
}
	.moduletable.width-45,
	.moduletable.width-55
	{
    width: 55%;
		box-sizing: border-box;
}
	.moduletable.width-45
	{
    width: 45%;
}
	.moduletable.width-45 > div
	{
		margin-left: 80px;
}
    
/**/}

/* Medium devices (desktops, 960px and up) */

@media (min-width: 960px) {

.item-image-title.withimage {
    display: flex;
	align-items: flex-end;
	margin-top: -3vw;
}
.custom-blog .colored .left.item-image {
    width: 40%;
	margin-top: 1vw;
margin-right: 1vw;
    margin-bottom: 1em;
}
.item-image-title.withimage .item-title {
    width: 65%;
}
	

/**/	
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
	

	
}

/* for higher resolutions (android and retina) */

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
}

