@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Oregano|Rock+Salt&display=swap); 
/*========================================================
                      Main Styles
=========================================================*/
body{ font-size: 13px; font-family: "Open Sans", helvetica, arial, sans-serif; padding-top:20px; line-height: 18px; background-color: #9b9c9e; background-image: url(../img/Schiefer-Kachel-hell.jpg); text-align: justify; }
span { color: #666; font-family: "Open Sans", helvetica, arial, sans-serif; font-weight: 700; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
p { color: #666; font-size: 12pt; font-family: "Open Sans", helvetica, arial, sans-serif; line-height: 18pt; }
h1 { color: #1d6b08; font-size: 60pt; font-family: Oregano, "Rock Salt", cursive; line-height: 72pt; }
h2 { color: #666; font-size: 30pt; font-family: Oregano, "Rock Salt", cursive; line-height: 30pt; }
h3 { color: #643e10; font-size: 18pt; font-family: "Open Sans", helvetica, arial, sans-serif; font-weight: 600; line-height: 27pt; }
h4 { color: #039; font-size: 12pt; font-family: "Open Sans", helvetica, arial, sans-serif; font-weight: 600; line-height: 12pt; margin: 0; }
h5 { color: #888; font-size: 24px; font-family: "Open Sans", helvetica, arial, sans-serif; font-weight: 600; line-height: 36px; }
h6 { color: #643e10; font-size: 36pt; font-family: "Open Sans", helvetica, arial, sans-serif; line-height: 48pt; text-decoration: none; }
a { color: #003788; }
a:hover { color: #f00; text-decoration: none; }
.img-border {
  float: none;
  margin: 0 auto 0;
  border: #999999 solid 1px;
}
.img-top {
  float: none;
  margin: 15px auto;
}
hr { width: 80%; border-color: #999; max-width: 80%; border-width: 1px; }
table { font-size: 10px; padding: 10px; border-style: solid; border-width: 1px; }
table p { font-size: 10pt; font-weight: 600; }
tr { margin: 10px; padding: 10px; border: solid 1px #ececec; order-right-style: solid; }
td { color: #1d6b08; font-size: 16pt; font-family: 'Oregano', 'Rock Salt', cursive; font-weight: 400; line-height: 24pt; background-color: #ddd; padding: 5px; border: solid 2px #ececec; }
li { color: #003788; font-size: 16px; line-height: 27px; padding-left: 20px; }
.container{ background-image: url(../img/Schiefer-Kachel-dkl.jpg); max-width:900px; border-bottom: 1px solid #f60; }
.box50-links { padding-right: 15px; width: 50%; height: 100%; float: left; padding-top: 15px; padding-bottom: 10px; }
.box50-rechts { padding-left: 15px; width: 50%; height: 100%; float: right; padding-top: 15px; padding-bottom: 10px; }
.box { color: #643e10; background-color: #ececec; margin-top: 20px; padding: 0 30px 30px; }
.box-blue { color: #fff; background-color: #03c; padding: 5px 10px; height: 100%; }
.box-blue h2 { color: #ccc; font-weight: 400; }
.box-blue h3 { color: #ccc; font-weight: 400; }
.box-blue a { color: #fff; }
.box-blue a:hover { color: #f00; text-decoration: none; }
.navbar-brand { float: left; height: 50px; padding: 15px; font-size: 21px; line-height: 20px; }
.navbar-fixed-top,
  .navbar-fixed-bottom { border-radius: 0; }
.navbar-default .navbar-brand { color: #eee; }
.navbar-default { background-color: #9b9c9e; background-image: url(../img/Schiefer-Kachel-hell.jpg); border: solid 0 #9b9c9e; }
.navbar-default .navbar-nav > li > a { color: #eee; font-size: 16px; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
.btn.btn-primary {
	/*background-color: #1abc9c;*/

background-color: red;
border:none;
}

 .btn.btn-lg {
font-size:24px;
/*background-color: #1abc9c;

font-weight:bold;*/
background-color: red;
border:none;
}



.btn.btn-primary:hover, .btn.btn-primary:focus, .btn-group:focus .btn.btn-primary.dropdown-toggle {
	/*background-color: #48c9b0;*/
background-color: red;
}
section.content-box-1 { color: #050505; }
section.content-box-1 .container{ margin-top:-38px; z-index:1020; background:#ececec; max-width: 900px; padding: 68px 0 0; }
section.content-box-2{ color: #050505; }
section.content-box-2 .container { background: #ececec; margin-top: -75px; padding: 80px 30px 20px; z-index: 1020; max-width: 900px; }
section.custom-footer { color: #fff; font-size: 12px; font-family: "Open Sans", helvetica, arial, sans-serif; font-weight: 700; }
section.custom-footer .container{ color:#fff; font-size:14px; font-family: "Open Sans", helvetica, arial, sans-serif; font-weight: 400; background-image: url(../img/Schiefer-Kachel-dkl.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; letter-spacing: 1px; padding-top: 15px; padding-bottom: 15px; }
section.custom-footer a{
    color:#fff;
}
section.custom-footer a:hover, a:active, a:focus { color: #f60; text-decoration: none; }
.thumbnail{
	margin-bottom:30px;
}

.flat-icon{
    text-align: center;
padding: 23px 28px;
font-weight: bold;
display: inline-block;
line-height: 100%;
overflow: hidden;
text-transform: uppercase;
margin-right: 15px;
width: 100px;
font-size: 50px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;

   background-color: rgb(26, 188, 156);
color: rgb(52, 255, 255);
text-shadow: rgba(18, 132, 109, 0.968627) -1px 1px 0px, rgba(18, 132, 109, 0.937255) -2px 2px 0px, rgba(18, 132, 109, 0.905882) -3px 3px 0px, rgba(18, 132, 109, 0.87451) -4px 4px 0px, rgba(18, 132, 109, 0.843137) -5px 5px 0px, rgba(18, 132, 109, 0.811765) -6px 6px 0px, rgba(18, 132, 109, 0.780392) -7px 7px 0px, rgba(18, 132, 109, 0.74902) -8px 8px 0px, rgba(18, 132, 109, 0.717647) -9px 9px 0px, rgba(18, 132, 109, 0.686275) -10px 10px 0px, rgba(18, 132, 109, 0.654902) -11px 11px 0px, rgba(18, 132, 109, 0.623529) -12px 12px 0px, rgba(18, 132, 109, 0.592157) -13px 13px 0px, rgba(18, 132, 109, 0.560784) -14px 14px 0px, rgba(18, 132, 109, 0.529412) -15px 15px 0px, rgba(18, 132, 109, 0.498039) -16px 16px 0px, rgba(18, 132, 109, 0.466667) -17px 17px 0px, rgba(18, 132, 109, 0.435294) -18px 18px 0px, rgba(18, 132, 109, 0.403922) -19px 19px 0px, rgba(18, 132, 109, 0.372549) -20px 20px 0px, rgba(18, 132, 109, 0.341176) -21px 21px 0px, rgba(18, 132, 109, 0.309804) -22px 22px 0px, rgba(18, 132, 109, 0.278431) -23px 23px 0px, rgba(18, 132, 109, 0.247059) -24px 24px 0px, rgba(18, 132, 109, 0.215686) -25px 25px 0px, rgba(18, 132, 109, 0.184314) -26px 26px 0px, rgba(18, 132, 109, 0.152941) -27px 27px 0px, rgba(18, 132, 109, 0.121569) -28px 28px 0px, rgba(18, 132, 109, 0.0901961) -29px 29px 0px, rgba(18, 132, 109, 0.0588235) -30px 30px 0px, rgba(18, 132, 109, 0.027451) -31px 31px 0px, rgba(18, 132, 109, 0) -32px 32px 0px;
background-position: initial initial;
background-repeat: initial initial;
}
@media (max-width:1080px) {
	h1 { color: #643e10; font-size: 72pt; font-family: "Alex Brush", cursive; line-height: 72pt; }
}
@media (max-width:768px) {
	h1 { color: #643e10; font-size: 72pt; font-family: "Alex Brush", cursive; line-height: 72pt; }
}
@media (max-width:640px) {
	h1 { color: #643e10; font-size: 72pt; font-family: "Alex Brush", cursive; line-height: 72pt; }
	.box50-links { padding-right: 0; width: 100%; height: 100%; float: left; }
	.box50-rechts { padding-left: 0; width: 100%; height: 100%; float: right; }
}
@media (max-width:480px) {
	h1 { color: #643e10; font-size: 60pt; font-family: "Alex Brush", cursive; line-height: 60pt; }
	.box50-links { padding-right: 0; width: 100%; height: 100%; float: left; }
	.box50-rechts { padding-left: 0; width: 100%; height: 100%; float: right; }
}
@media (max-width:320px) {
	h1 { color: #643e10; font-size: 72pt; font-family: "Alex Brush", cursive; line-height: 30pt; }
	.box50-links { padding-right: 0; width: 100%; height: 100%; float: left; }
	.box50-rechts { padding-left: 0; width: 100%; height: 100%; float: right; }
}