@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,400i,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Handlee');

body { font-family: 'Ubuntu', sans-serif; font-size: 18px; }
body, .container { background-color: #97042d; }
a, a:active, a:hover { color: #FFF;}
.col-lg { padding: 40px; }
.handwritten, #contact span { font-family: 'Handlee', cursive; font-size: 21px; }


/* LEFT */
div#box-left { background: #FFF url("../img/kreise_links.png") no-repeat left bottom; }
#logo-left { margin-top:7px; }
h2 { margin: 80px 0 50px 0; text-align: right; font-size: 58px; font-weight: bold; color: #6f6f6f; }
h2 b { color: #97042d; }
#text-info { color: #97042d; text-align: right; margin-bottom: 100px; }


/* RIGHT */
div#box-right { background: transparent url("../img/kreise_rechts.png") no-repeat right top; color: #FFF; }
h3 { font-size: 36px; text-align: center; margin: 182px 0 60px 0; }
#contact div { margin-bottom: 40px; }
#contact-left { text-align: right; }
#info-download { text-align: center; font-style: italic; margin-top: 10px; margin-bottom: 10px; }
#download { text-align: center; margin-bottom: 100px;}
#footer { text-align: center; font-size: 13px; }


/* MODAL */
.modal-content { font-size: 14px; }
.modal-content h4 { margin-top: 20px; }
.modal-content a, .modal-content a:active, .modal-content a:hover { color: #97042d;}


@media (min-width: 1200px) {
	.container {
   		max-width: 1540px;
	}
}

@media (max-width: 575px) {
	div#box-left {
		background-image: none !important;
	}
}