@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'gochi_handregular';
    src: url('../fonts/gochihand-regular-webfont.woff2') format('woff2'),
         url('../fonts/gochihand-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/**** CSS für Smartphones first ***/
html {}
body {font-family: 'latoregular', sans-serif; background: #019EE1;}
.container { margin-top:15px; margin-bottom:15px; border: 5px solid black; border-radius: 15px; padding-left: 0;padding-right: 0; background:#fff;}
.logo {margin:10px 50px;}
.inhalt { background:#8DC73F url(../bilder/teck-kl.jpg) top left no-repeat;margin-top:0px;border-bottom-left-radius:10px; border-bottom-right-radius:10px;padding-left:15px; padding-right:15px;}
img.box {border-top-left-radius:10px; border-top-right-radius:10px;}
div.rundesbild {
    background-color: #fff;
    border: 10px solid #fff;
    float: left;
    margin: -55px 5px 0 10px;
    position: relative;
    z-index: 600;
	border-radius: 50%;
}
h1, .h1, h2, .h2 {font-family: 'gochi_handregular', cursive;}
h2, .h2 {font-size:36px;}
.textbox a.weiter {
    display: inline-block;
    letter-spacing: 1px;
    margin: 10px 0;
    text-decoration: none;
    text-transform: uppercase;
	color: #666;
    font-weight: 700; 
}

.boxinhalt { background:#fff;margin-top:0;padding-top:10px;border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
.boxinhalt h1 {margin:0 15px 15px 15px;}
.boxinhalt p {margin:15px;}
.boxinhalt h2, .boxinhalt table {margin:0 15px 15px 15px;}


footer {margin-top:15px; padding-bottom:15px; }

/****Navigations-Einstellungen***/
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar {
    border-radius: 0;
    margin-bottom: 15px;
	border: medium none;
}


.navbar-default .navbar-nav > li > a {
    color: #333;
}

.navbar-nav > li > a {font-size:1.2em;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #8DC73F;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333333;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #E2F9C2;
    color: #019EE1;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #00A4E5 !important;
    color: #ffffff !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #999999 !important;
}
.navbar-toggle { border-radius: 0;}
.navbar-default .navbar-toggle {
    border: 2px solid #000;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #95BD0F;
}
.navbar-default .navbar-brand {
    color: #000;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #000;
}
.navbar-header {background:#95BD0F;border-top: 2px solid #000;border-bottom: 2px solid #000;}
/****Link-Einstellungen***/
a {color:#019EE1;}
a:visited  { color:#019EE1; }
a:focus { text-decoration:underline; color:#7BA043; }
a:hover { color:#333; text-decoration:underline; outline: 0 none; }

p.pull-right a {color:#fff;}
a[href^="http://"], a[href^="https://"]  {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(../bilder/ex-link.png) no-repeat scroll right top;
  padding-right:20px;
}

@media (min-width: 768px) {
.inhalt { background:#8DC73F url(../bilder/teck.jpg) top center no-repeat;padding-top:288px;margin-top:-200px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;padding-left:15px; padding-right:15px;}
.logo {margin:15px 30px;}
div.rundesbild { margin: -115px 5px 0 10px;}
.navbar-nav > li > a {
    font-size: 1.1em;
}
}

@media (min-width: 992px) {
.navbar-nav > li > a {
    font-size: 1em;
}
}

@media (min-width: 1200px) {
.boxinhalt h1 {margin:10px;}
.navbar-nav > li > a {
    font-size: 1.2em;
}
}

/* typo data privacy */
.data-privacy h3,
.data-privacy h4{
    margin-left:15px;
    margin-right:15px;
}