/**
 * @categroy    Giro Plan
 * @package     desktop.css
 * @author      Tobias Weiß (service@kwnet.at)
 * @copyright   (C) 2021 by Kurt Weiß. All rights reserved.
 * @license     no usage except with explicit written permission.
 * @version     0.0.0
 * @since       File available since 0.0.0
 * @desc        CSS holding specific syles for the desktop site
 *
 * 2021-11-10 tw: creation;
 */
 
 :root{
 	--kw-major-width:85%;
	--kw-minor-width:15%;
 }
 
 HEADER{
 	margin: 0px;
 	padding-left: var(--kw-outer-padding);
 }

.aside_stripe div#menumanager{
	display: none;
}

div.impressum{
	font-size: min(0.8vw, 12pt);
	width: 100%;
	left: 0px;
}
 
nav#topnav{
	position: relative;
	height: 100%;
	display: inline-block;
	margin-left: 200px;
}

nav#topnav div{
	font-family: "Ubuntu-Bold", sans-serif;
	display: inline-block;
	min-width: 135px;
	height: 100%;
	color:#eeeeee;
	text-align: center;
}

nav#topnav div a{
	font-family:inherit;
	display:table;
	min-width: 135px;
	padding: 0px 30px 0px 30px;
	height: 100%;
	text-decoration:none;
	color:#eeeeee;
	text-align: center;
	transition: background-color 0.3s ease-in-out;
}

nav#topnav a span{
	font-family: inherit;
	display: table-cell;
	vertical-align: middle;
}

img.logo{
	display:none;
}

div.gallery_container{
	padding: 50px 70px 50px 100px;
}

div.gallery_item{
	width: 23%;
}


nav#topnav a:hover{
	background-color: #3b546c;
}

div.banner{
	height: calc(100% - 100px );
}

@media (max-height: 735px) {
	.banner{
		height:600px !important;
	}
}

div.category_text{
	position:absolute;
	left: 20px;
	bottom: 10px;
	padding: 20px;
}

@media (min-width: 1400px) {
	.category_text{
		width:400px;
	}
}

@media (max-width: 1399px) {
	.category_text{
		width:230px;
	}
}

a.category_text_switch{
	display:none;
}

.slide_desc{
	bottom: 10px;
	left: calc( 50% - 20px );
	background-color: rgba(255,255,255,0.7);
	transform: translateX(-50%);
}

div.section_block{
	min-width: 500px;
	font-size: 14pt;
}

div.section_block p{
	padding: 0px 100px 0px 100px
}

div#section_container{
	height:100vh;
}

div.section_content_container{
	height: 100px;
}

@media (max-height: 735px) {
	.section_content_container{
	height: calc(100% - 600px) !important;
	}
}

div.section_content{
	width: 33.33%;
	top: 50%;
	min-height: 80px;
	line-height:80px;
	display: inline-block;
	transform: translateY(-50%);
}

div.section_content p{
	vertical-align: middle;
	line-height: normal;
	display:inline-block;
	padding: 0px 10px 0px 10px;
}

@media (max-width: 1500px) {
	.section_content{
		font-size: 12pt !important;
	}
}

div.section_container_kontakt{
	padding: 100px 50px 50px 60px;
}

div.banner_overlay{
	position: absolute;
	right: 0px;
	top: 0px;
	padding-top: 5vh;
	overflow: hidden;
	height: 100%;
	z-index: 10;
}

div.section_container_kontakt div.person{
	height:300px;
}

div.team_infoblock{
	display: inline-block;
	top: 150px;
	transform: translateY(-50%);
}

@media (min-width: 1016px) {
	.sbfirst{
		border-right: solid 0.5pt black;
	}
}

@media (min-width: 1517px) {
	.sblast{
		border-left: solid 0.5pt black;
	}
	nav#topnav a span br{
		display: none;
	}
}

@media (max-width: 1517px) and (min-width: 1016px){
	.sblast{
		margin: 15px 0px 30px 0px;
	}
}

@media(max-width:1016px){
	.sbfirst{
		border-bottom: solid 0.5pt black;
	}
	
	.sblast{
		border-top: solid 0.5pt black;
	}
}