/* Kram übernommen */


          
@font-face { font-family:'suisse_m';
              src: url('/assets/fonts/suisse_m.otf'); format('opentype'); 
          }
          
          
@font-face { font-family:'Sang';
              src: url('/assets/fonts/Sang.otf'); format('opentype'); 
          }

body {
    font-family: 'Times New Roman', serif;
}

h1 {
	font-size: 1.8rem;
}



h2 {
	font-size:  1rem;
}

h3 {
	font-family: 'Times New Roman', serif;
	font-size: 1.2rem;
}

h4 {
    font-size: 1.1rem;
    margin-top: 1.1rem;
}

.navbar-brand, .nav-item, .category {
	font-size: 1.8rem;
	color: black;
	text-decoration: none;
}

.footer {
	position: fixed;
	bottom: 3rem;
	left: 8px;
}

.footer ul {
	list-style: none;
	padding-left: 0;
}


ul {
	list-style: none;
	padding-left: 0px;
	font-size: 1.2rem;
}

td {
	padding-right: 0.5rem;
	padding-bottom: 0;
	padding-top: 0;
}

td a {
	color: black;
	text-decoration: none;
}

.tag, tag a {
    	color: black;
        text-decoration: none;
}

td a:hover {
	color: black;
	text-decoration: underline;
}


.imprint {
	border-top: 1px solid black;
        background: white;
}

.imprint-box {
    margin-top: 1vh;
}

.imprint-fix {
	position: fixed;
	bottom: 0rem;
	left: 8px;
}

.mt-6 {
    margin-top: 10rem;
}

.mr {
    margin-right: 5rem;
}


.navbar-brand:hover, .nav-item:hover {
	text-decoration: underline;

}

.aktiv {
	text-decoration: underline;
}

.hide {
	visibility: hidden;
}



/* Projekt-Seite */
.titel {
	font-size: 2.6rem;
	line-height: 1;
	margin-top: 2rem;
}

.ut {
	font-size: 1.4rem;
	line-height: 1.3;
}

.infos {
	font-size: 1.4rem;
	line-height: 1.3;
	margin-top: 4rem;
}


.untertitel ul {
	list-style: none;
	font-family: 'suisse_m';
	font-size: 0.8rem;
	margin-top: 1rem;
}

.untertitel li {
	display: inline-block;
	margin-right: 2rem;
}


/* WIP */

.date {
    font-family: 'suisse_m';
    font-size: 0.8rem;
    line-height: 1.4;
    margin-right: 2rem;
}

.wip-desc {
    font-size: 1.3rem;
    line-height: 0.9;
    margin-top: 0.6rem;
    padding-bottom: 0.7rem;
    border-bottom: 0.25px solid black;
}


.thumb {
    display: none;
}

.col-md-5:hover > img {
    display: block;
    position: absolute;
    width: 200px;
    z-index: 2000;
    margin-top: -55;
    margin-left: 80px;
}

/* sonst */

strong {
    	font-family: 'Times New Roman', serif;
        font-weight: normal;
}

.indicator, indicator:hover {
    text-decoration: none;
}

.active  {
        text-decoration: underline;
        color: #0a58ca;
}

.img-fluid {
	margin-top: 1rem;
        width: 100% !important;
}

@media screen and (max-width: 768px) {
	.navbar-brand, .nav-item, .category {
		font-size: 1.2rem;
	}};