@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

h1, h3, h4, h5, h6, h7 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	text-shadow: 2px 2px 4px #000000;
}

.text-secondary {
    color: #666666 !important;
}

h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: italic;
	color: #666666 !important;
	font-size: 30px;
}

p {
	font-size: 24px;
}

h1 {
	color: #FF5722;
	font-size: 60px;
}

h3 {
	color: #FFFF00;
	font-size: 30px;
}

h4 {
	color: #EE0000;
	font-size: 30px;
}

h5 {
	color: #0000FF;
	font-size: 30px;
}

h6 {
	color: #00FF00;
	font-size: 30px;
}

.h7 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	text-shadow: 2px 2px 4px #000000;
	color: #7030A0;
	font-size: 30px;
}

.h8 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	text-shadow: 2px 2px 4px #000000;
	color: #FF9900;
	font-size: 30px;
}

.body-back {
	background-image: url("../IMG/Hintergrund.png"), url("../IMG/Texture.jpg");
	background-repeat: repeat-x;
}

.bg-warning {
    background-color: #fff !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.conteiner_box {
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
}

.nav-link span {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 15px;
}

.navbar-light .navbar-nav .nav-link.js-scroll-trigger.active {
	color: rgba(0, 0, 0, 0.5);
}

.submit {
	display: none;
}

.print-button {
	margin-top: 20px;
	margin-left: 40px;
}