/***DESKTOPS (X-LARGE SCREEN)
*****************************************************/
@media (min-width: 1920px) {  
}

/***DESKTOPS (LARGE SCREEN)
*****************************************************/
@media (min-width: 1600px) {
}

/***NOTEBOOKS (MEDIUM SCREEN)
*****************************************************/
@media (min-width: 1024px) and (max-width: 1599px) {
}

/***FROM TABLETS TO MOBILES
*****************************************************/
@media (max-width: 1023px) {
    :root {
        /***VIEWPORT HEIGHT***/
        --viewportHeight: calc(var(--vh, 1vh) * 100);
    }
    body {
        height: 100vh; /* Fallback */
        height: var(--viewportHeight);
    }
}

/***TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (min-width: 481px) and (max-width: 1023px)   {
}

/***TABLETS (PORTRAIT)
*****************************************************/
@media (min-width: 768px) and (max-width: 1023px) {
}

/***SMALL TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (min-width: 481px) and (max-width: 767px) {
	/***list***/
    .list.font_size_large {
    	font-size: var(--fontSizeMedium);
    }
    /***entry text***/
    .data .data_text p,
    .data .data_contact p {
    	grid-column: 1 / 13;		
    }
}

/***TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (min-width: 481px)  {
    .mobile {
    	display: none;
    }
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
    :root {
        --fontSizeSmall: 0.9rem;
        --fontSizeMedium: 1.2rem;
        --fontSizeLarge: 1.5rem;
        /*
        --spaceY: calc(var(--fontSizeSmall) * 1);
    	--spaceX: calc(var(--fontSizeSmall) * 1);
        */
    }
    .desktop {
    	display: none;
    }
    body.scroll_less {
        overflow: hidden;
    }
    /***header***/
    header {
    	background: var(--paletteWhite);
        mix-blend-mode: normal;
    }
    nav.menu li.menu_item a, nav.menu li.menu_item span {
    	color: var(--palettBlack);
	}
    /***content***/
    main.content.off {
  		opacity: 0.5;
	}
    /***grid***/
    .grid .grid_item.small,
    .grid .grid_item.medium,
    .grid .grid_item.large,
    .grid .grid_item.full {
    	grid-column: span 6;
	}
    .grid_item .item_data {
    	font-size: var(--fontSizeSmall);
    }
    /***list***/
    .list.font_size_large {
    	font-size: var(--fontSizeMedium);
    }
    .list_content .list_row .row_link {
    	grid-gap: 0px;
    }   
    .list_row .row_link .row_date {
    	grid-column: 1 / 4;
    }
    .list_row .row_link .row_title,
    .list_row .row_link .row_type {
    	grid-column: 4 / 12;
	}
    .list_row .row_link .row_dot {
    	grid-column: 12 / 13;
	}
    /***project header***/
    .data .data_header {
    	grid-gap: 0px;
    }
    .data_header .header_date,
    .data_header .header_title,
    .data_header .header_type {
   		grid-column: 1 / 13;
    }
    /***entry text***/
    .data .data_text p,
    .data .data_contact p {
    	grid-column: 1 / 13;		
    }
    /***entry text***/
    .slider {
    	display: block;
        height: auto;
    	overflow-x: unset;
        overflow-y: unset;
    }
    .slider .slider_item {
    	width: 100%;
        height: auto;
    }
    .slider .slider_item .item_media,
    .slider .slider_item .item_media img {
    	width: 100%;
    	height: auto;
	}
    .slider .slider_more {
        grid-gap: var(--gridGap);
    	flex-wrap: wrap;
        padding-bottom: var(--mainBottomSpace);
    }
    .slider .slider_more .more_item {
    	width: calc(var(--colWidth) * 6);
    }
    .more_item .item_data {
    	font-size: var(--fontSizeSmall);
    }
}