@import url("https://fonts.googleapis.com/css?family=Exo|Oswald"); html {font-size: 16px;} body {font-weight: 200;font-family: 'Exo', sans-serif;}
html,
body {
height: 100%;
padding:0px;
margin:0px;
}
h1 {font-family: 'Exo', sans-serif;font-weight: 800;color: #015fac;font-size: 48px; font-size: 3rem;margin-top: 10px; margin-bottom: 30px; padding: 20px 0px;letter-spacing: 0.2rem;}
h2 {font-family: 'Exo', sans-serif;font-weight: 800;color: #015fac;font-size: 32px; font-size: 2rem;margin-top: 30px; margin-bottom: 20px;}
h3 {font-family: 'Exo', sans-serif;font-weight: 800;color: #015fac;font-size: 24px; font-size: 1.5rem;margin-top: 0px; margin-bottom: 15px;}
h4 {font-family: 'Exo', sans-serif;font-size: 20px; font-size: 1.25rem;margin-top:10px;margin-bottom:10px;}
p {}
a {}
a:hover {text-decoration: none;}
a:focus {outline: none;}
ul {}
ul li {} .wrapper {}
.header {}
.logo {}
.logo-img {}
.nav {}
.sidebar {}
.footer {background: #015fac;}
section {padding: 40px 0 40px;}
main {min-height: 800px;} #navbar {margin-right: 15px;}
.navbar-default .navbar-nav>li>a {color: #015fac;font-weight: 400;}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.current-menu-parent>a {background: #015fac;color: #ffcd2c;font-weight: 400;}
.navbar-brand {padding: 0 15px;}
.dropdown-menu>li>a {padding: 6px 20px;}
.dropdown-menu>li>a:hover,
.dropdown-menu>li.active>a {background: #015fac;color: #ffcd2c;}
.btn-primary {background-image: none;background: #ffcd2c;border-color: #ffcd2c;color: #015fac;} #hero {display: block;margin: 0;width: 100%; height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#hero2 {display: block;margin: 0;width: 100%; height: 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#hero {
background-attachment: inherit !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: 50% 0px !important;
}
#content {margin-top: 100px;}
#entry, 
#mannschaften, 
#spielstaetten {margin-top: 80px;background: #f2f2f2;}
.spacer {height: 240px;display: block;overflow: hidden;}
.spacer2 {height: 35px;display: block;overflow: hidden;padding: 0;}
.teaser {font-size: 20px; font-size: 1.25rem;}
.wpcf7 textarea,
.wpcf7 input {width: 100%;}
.acf-map {max-width: 100%;min-height: 300px;border: #ccc solid 1px;margin: 6px 0px;}
.acf-map img {max-width: inherit !important;}
.footer .container {color: #fff;padding-bottom: 40px;}
.footer a {color: #fff;}
.footer ul {list-style-type: none;margin: 0px;padding: 0;} .widget_categories h3 {display: none;}
.widget_categories ul {list-style-type: none;margin: 40px 0 20px 0;padding: 0;width: 100%;}
.widget_categories ul li {background: #015fac;colior: #fff;padding: 15px 10px;}
.widget_categories ul li a {color: #fff;display: block;}
.widget_categories ul li:hover a{color: #fff;text-decoration: none;color: #015fac;}
.widget_categories ul li.current-cat,
.widget_categories ul li:hover {background: #ffcd2c;}
.widget_categories ul li.current-cat a {color: #015fac;display: block;}
.postmetadata {font-size: 12px;border-top: 1px #aeaeae solid;padding-bottom: 5px;}
.pagination {font-size: 20px;font-size: 1.25rem;text-transform: uppercase;color: #a3a3a3;}
.pagination a {color: #333;}
.pagination .current {color: #f3f3f3;} ::selection {background:#333;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#333;color:#FFF;text-shadow:none;}
::-moz-selection {background:#333;color:#FFF;text-shadow:none;} hr {color: #030303;}
.fbicon {padding: 10px;}
.fa-facebook,
.fa-twitter {font-size: 32px;margin: 0 auto;}
#back-top {color: #ffcd2c;font-size: 16px;font-size: 1rem;bottom: 3%;position: fixed;right: 3%;}
#back-top a {color: #ffcd2c;}
#back-top a:hover {color: #ffcd2c;}
#back-top span {font-size: 3rem;}  @media only screen and (max-width : 1200px) { #hero {
background-attachment: inherit !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: 50% 0px !important;
}
#hero2 {
background-attachment: inherit !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.spacer {
background-attachment: inherit !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
} @media only screen and (max-width : 992px) { #hero {
background-attachment: inherit !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: 50% 0px !important;
}
#hero2 {
background-attachment: inherit !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.spacer {
background-attachment: inherit !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.nav>li>a {padding: 10px 5px;}
.navbar-nav>li>a {
padding-top: 29px;
padding-bottom: 29px;
}
} @media only screen and (max-width : 767px) { } @media only screen and (max-width : 480px) { #content {
margin-top: 20px;
}
section {padding: 30px 0 30px;}
#hero {
background-attachment: inherit !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: 50% 0px !important;
}
#hero2 {
background-attachment: inherit !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.spacer {
background-attachment: inherit !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
h1 {font-weight: 800;color: #015fac;font-size: 32px; font-size: 2rem;margin-top: 10px; margin-bottom: 20px;}
h2 {font-weight: 800;color: #015fac;font-size: 28px; font-size: 1.75rem;margin-top: 20px; margin-bottom: 15px;}
h3 {font-weight: 800;color: #015fac;font-size: 24px; font-size: 1.5rem;margin-top: 0px; margin-bottom: 15px;}
h4 {font-size: 20px; font-size: 1.25rem;margin-top:10px;margin-bottom:10px;}
} @media only screen and (max-width : 320px) { }
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
}