/* Josefin Slab :100,300,400,600,700 */
/*Josefin Sans:100,300,400,600,700*/


/* blau: #0488ea */
/* orange: #e7a730 */;
/* rot :#c20001 */
/* violet :#8c4267 */
/* violet-2 :#ea8eb9 */
/* türkis : #76b7b9 */
/* grün: #65b32e */
/* grün-2: #bbbf60 */

body {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 18px; background: url(../bilder/elemente/bg.jpg); background-size:cover; background-attachment: fixed; }

header {padding: 0; margin: 0; background-color: #0488ea; border-top: 3px solid #fff; border-bottom: 3px solid #fff;}

.headertext { font-family: 'Josefin Slab', serif; color:#fff; font-size: 1.0em; font-weight: 700; text-transform: uppercase; margin:0; padding: 17px 0 0 0;}

.kringel { min-height: 50px; background-image: url(../bilder/elemente/kringel.jpg); }

.inhalt {padding: 30px 0;}

/*.c2 {padding: 10px 100px;}*/

@media (min-width: 882px) {
  .c2 {
    padding: 10px 100px;
  }
}

.box { padding: 10px; margin: 20px auto; border-radius: 10px; }

.box-2 { padding: 10px; margin: 20px 30px; border-radius: 10px; }

.bildbox { min-height: 400px; padding: 50px; margin: 30px 0; background-image: url(../bilder/seiten/gastraum-2.jpg); background-size:cover; background-attachment: fixed; border-radius: 10px;}

/* Text */

h2 { font-family: 'Josefin Slab', serif; color:#0488ea; font-size: 2.4em; font-weight: 700; padding: 10px 0; }

h3 { font-family: 'Josefin Slab', serif; color:#fff; font-size: 1.8em; font-weight: 600; padding-bottom: 10px;}

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

h5 { color:#fff; font-size: 1.6em; font-family: 'Josefin Slab', sans-serif; font-weight: 600;}

h6 { font-family: 'Josefin Slab', serif; color:#666; font-size: 1.8em; font-weight: 600; padding-bottom: 10px;}


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

strong { color: #0488ea; }

p { color:#666633; font-size: 1.2em;}

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

.zitat { font-style: italic;}

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

li { color:#666633; font-size: 1.0em;}

hr {border: 1px solid #0488ea;}

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

.navbar { font-family: 'Josefin Slab', serif; }

.navbar-nav a { color:#fff; font-weight: 700;}

.navbar-nav .active a { color:#cc0000;}

.icon-bar { background: #fff; }

.teiler { margin: 5px 0;}


/* bilder */

.topbild { width: 100%; }

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

.but-bild { border: 3px solid #0488ea; border-radius: 150px;}

.bgOrange { background-color: #e7a730; color: #fff;}
.bgRot { background-color: #c20001; color: #fff;}
.bgGruen { background-color: #91b00a; color: #fff;}
.bgBlau { background-color: #0488ea; color: #fff;}

.radius { border-radius: 10px; margin: 5px 0;}

.bildabstand { margin: 5px 0; }

.icon { width: 150px; border: 4px solid #e8a819; border-radius: 6px; margin: 5px; float: left;}

.smallicon { width: 100px; border: 4px solid #e8a819; border-radius: 6px; margin: 5px; float: left;}

footer{ padding: 20px 0 10px 0;}

footer p{ color:#fff; font-size: 1.0em; font-weight: 400;}

footer p a{ color:#fff;}

footer small a { color:#fff;}

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

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

footer ul li a { color: #fff; }

footer table { color: #fff; font-weight: 400; }

footer table td { vertical-align: top; }

.bgfooter { background-color: #0488ea; }