/* montserrat: 100, 200, 300, 400, 500, 600, 700, 800, 900' */
/* creme: #e5e6d8 */
/* orange: #c74e3b */
/* mint: #99d1c8 */
/* lila: #422778 */
/* gelb: #ffef0b */
/* blau: #1f4772 */


body{ font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 15px; background: url(../bilder/elemente/bg2.jpg); background-size: cover; background-attachment: fixed;}

header { background-color: #1f4772; }

header .container {padding: 10px 10px;}

.logo { padding: 30px 0 20px 0; }

.inhalt {padding: 10px 0 30px 0;}

.box, .box-1, .box-2 { min-height: 365px; }
.box-1 span { font-family: 'Syncopate', sans-serif; position: absolute; left: 50px; top: 35px; z-index: 20; color: #ffef0b; font-size: 2.0em; font-weight: 700; background-image: url(../bilder/elemente/bg.png); padding: 5px 30px 5px 10px; margin-right: 50px; }
.box-1 p { position: absolute; left: 50px; top: 120px; z-index: 20; color: #ffef0b; font-size: 1.4em; font-weight: 500; background-image: url(../bilder/elemente/bg.png); padding: 5px 30px 5px 10px; margin-right: 50px; }
.box-2 span { font-family: 'Syncopate', sans-serif; position: absolute; right: 50px; top: 35px; z-index: 20; color: #ffef0b; font-size: 2.0em; font-weight: 700; background-image: url(../bilder/elemente/bg.png); padding: 5px 10px 5px 30px; margin-left: 50px; }
.box-2 p { position: absolute; right: 50px; top: 120px; z-index: 20; color: #ffef0b; font-size: 1.4em; font-weight: 500; background-image: url(../bilder/elemente/bg.png); padding: 5px 10px 5px 30px; margin-left: 50px; }


/* Text */

h1 { font-family: 'Syncopate', sans-serif; color:#e5e6d8; background-color: #1f4772; font-size: 2.0em; font-weight: 700; line-height: 1.4em; padding: 10px 0; margin: 0 0 30px 0;}

h2 { font-family: 'Syncopate', sans-serif; color:#e5e6d8; font-size: 1.6em; font-weight: 600; padding-bottom: 10px; margin: 0 0;}

.h2box { /*background-color: #333;*/ color:#e5e6d8; font-size: 1.1em; font-weight: 700; text-align: center; padding: 20px 0; margin: 0 0; }

h3 { color:#ccc; font-size: 1.3em; font-weight: 500; padding-bottom: 10px;}

h4 { color:#ffef0b; font-size: 1.6em; font-weight: 700; text-transform: uppercase;}

h5 { color:#e5e6d8; font-size: 1.4em; font-weight: 500; border-bottom: 1px solid #fff;}

.topbild .slogan { position: absolute; left: 150px; top: 220px; z-index: 20; color: #e5e6d8; background-color: #333; font-size: 2.2em; font-weight: 700; padding: 5px 10px;}

span {color: #cc0000; font-weight: 600; font-size: 1.1em;}

small { color: #e5e6d8; }

p { color:#e5e6d8; font-size: 1.1em;}

p a { color:#e5e6d8; font-weight: 400;}

hr {
  background-color:#333;
  height:1px;
  margin: 30px 0;
}

.inhalt ul { list-style: square; padding-left: 20px;}

li { color:#e5e6d8; font-size: 1.1em;}



.navbarbalken { padding: 0 0 0px 0; border: none; border-radius: 0; margin: 0 0;}

.navbar { font-family: 'Syncopate', sans-serif; font-size: 1.0em; padding: 15px 0; }

/*.navbar .dropdown-menu a { background-color: #666; }*/

.navbar-nav a { color:#e5e6d8; font-weight: 400;}

.navbar-nav .active a { color:#ffef0b; font-weight: 500;}

.icon-bar { background: #ccc; }

.teiler { margin: 15px 0;}


/* bilder */

.bild-links{ margin: 0 10px 0 0;}

.bildabstand { margin: 5px 0; }

.icon { width: 100px; margin: 5px; }

.rund { border-radius: 100%; /*box-shadow: 1px 1px 30px grey;*/ }

footer{ padding-top: 20px;}

footer p{ color:#e5e6d8; font-size: 1.0em; font-weight: 300;}

footer p a{ color:#e5e6d8;}

footer strong{ color:#e5e6d8; font-size: 1.0em; font-weight: 500;}

footer span{ color:#ffef0b; font-size: 1.0em; font-weight: 500;}

footer small a { color:#e5e6d8;}

footer ul {padding-left: 20px; list-style: square; }

footer ul li { color: #e5e6d8; font-size: 1.0em; }

footer ul li a { color: #e5e6d8; }

/*.bgfooter { background-color: #422778; }*/

/* ##### ##### */

.equalheight {
  display: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  }
  
 .equal {
  flex: 0 0 1;
 }

 @media (max-width: 767px) {
 .equalheight {
    display: block;
 }
 }