/*
bausteine.css GULA
URI: http://www.steckdesign.ch/
Author: SteckDesign.ch
Author URI: http://www.steckdesign.ch/
Version: 1.0-sd
*/

dl.bausteine {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0;
	width: 100%;
	line-height: 1.3;
    margin: 0px;
    padding: 0px;
	margin-bottom: calc( var( --fontsize ) * 0.5 );
}
dl.bausteine dt {
    grid-column-start: 1;
    font-weight: var( --bodyweight );
    padding-right: calc( var( --fontsize ) * 0.8 );
    margin-right: 0px;
    margin-bottom: calc( var( --fontsize ) * 0.5 );
    border-bottom: 1px solid rgba(var(--sitecolor), 0.3);
}
dl.bausteine dd {
    grid-column-start: 2;
	text-align: right;
    margin-left: 0px;
    margin-bottom: calc( var( --fontsize ) * 0.5 );  
    border-bottom: 1px solid rgba(var(--sitecolor), 0.3);
}

@media (max-width: 575.98px) { 
    dl.bausteine {
		grid-template-columns: auto 20%;
    }
}


dl.bau {
    display: grid;
    grid-template-columns: max-content auto;
    column-gap: 0;
	line-height: 1.2;
    margin: 0px;
    padding: 0px;
	margin-bottom: calc( var( --fontsize ) * 0.5 );
}
dl.bau dt {
    grid-column-start: 1;
    font-weight: var( --bodyweight );
    padding-right: calc( var( --fontsize ) * 0.8 );
    margin-right: 0px;
}
dl.bau dd {
    grid-column-start: 2;
	text-align: left;
    margin-left: 0px;
}