/*  */

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans.ttf');
    font-weight: normal;
    font-style: normal;
  font-display: swap;
}


@font-face {
    font-family: 'Open Sans Condensed';
    src: url('fonts/OpenSans_Condensed.ttf');
    font-weight: normal;
    font-style: normal;
  font-display: swap;
}


@font-face {
    font-family: 'Caveat Brush';
    src: url('fonts/CaveatBrush.ttf');
    font-weight: normal;
    font-style: normal;
  font-display: swap;
}


body {

    margin: 0;
    padding: 0;

    font-family: 'Open Sans', sans-serif;
    color:#3F3F3F;

        background-image: linear-gradient(to top, #6f98d6 0%, #1f386b 100%)

}


html {
        height: 100,1%;
        box-sizing: border-box;
        overflow-y: scroll;
        vertical-align: top;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        }



h1,h2,h3,h4 {font-family: 'Caveat Brush', cursive;}

h1 {font-size:220%;}
h2 {font-size:200%;}
h3 {font-size:180%;}
h4 {font-size:160%;}


#daten h1, #daten h2, #daten h3 {font-size:90%;font-family: 'Open Sans', sans-serif;}

img
{
border: 0;
max-width:100%;
}


.oben_head_bg

{
width:100%;

background-image:url(bground/netz.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:bottom center;


 background: url(bground/netz.jpg) no-repeat top center fixed;

        -webkit-background-size: 100% 30%;
        -moz-background-size: 100% 30%;
        -o-background-size: 100% 30%;
        background-size: 100% 30%;

}

#top.oben_head

{
background: #0d2b66; /* Fallback IE 6-8 */
background: rgba(13, 43, 102, 0.95);

min-height:150px;
}



.oben_head img

{
    display:block;
        float:right;
    height: auto; width: 270px;
}


.oben_head

{
margin-top:0;
width:100%;
background: #f3912a; /* Fallback IE 6-8 */
background: rgba(243, 145, 42, 0.9);
}



#myHeader.oben_head

{
padding-top:5px;
}

.schrift_oben

{
float:left; display:block; margin-top:60px;
}

.oben_head h3 {margin-top:0; margin-bottom:0; margin-left:15px; font-size:40px; color:#f3912a;}
.oben_head i {margin-top:0; margin-bottom:0; margin-left:15px; font-size:22px; text-decoration:underline; color:#f3912a; }



 /* Style the header */
#myheader {
  padding: 1px 0px;

}


/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:100;
}

/* Add some top padding to the page content to prevent sudden quick movement  */

.sticky + #wrap {
  padding-top: 65px;
}




#cleaner {
                clear:both;
                height:0px;
                border:none;
                margin:0; padding:0;
                background:transparent;
                }



div.contentBox {
        margin-bottom:20px;

}
div.widgetMisc {
        color:#4F4F4F;
        background:#EFEFEF;
        background:rgba(255, 255, 255, 0.99);
        padding:15px;
}

div.widgetFooter {
        color:#FFFFFF;
        background:#f3912a;
        background:rgba(243, 145, 42, 0.99);
        padding:15px;
        font-size:14px;
        text-align:center;
}

div.widgetFooter a {
        color:#FFFFFF;
}

div.widgetNorm {
        color:#616161;
        background:#EFEFEF;
        background:rgba(255, 255, 255, 0.99);
        padding:15px;

        text-align:left;
}

div.widgetKalender {
        background:#EFEFEF;
        background:rgba(255, 255, 255, 0.99);
        padding:15px;
}

#featureWrap {
        width:100%;
        overflow:hidden;
}


#featureWrap .feature {
        float:left;
        width:322px;
        margin:0 5px 0 5px;

}

#featureWrapClear {
        clear:left;
}
#wrap {
        width:1000px;
        margin:0 auto;

}
#wrapClear {
        clear:left;
}
#nav {
        width:800px;
}

#navClear {
        display: none;
}
@media only screen and (min-width:481px ) and (max-width:1020px) {
        /*Small Desktop / Large Tablet View*/
        #wrap {
                width:95%;
        }
        #nav {
                float:none;
                margin-bottom:20px;
        }
        #content {
                margin-left:0;
                float:none;
        width: auto;
        }
        #wrapClear {
                clear:none;
        }
        #logo {
                float:left;
        }
        #menu {
                float:left;
                margin-left:20px;
                margin-top:24px;
        }
        #menu ul li {
                float:left;
                margin:0 2px 0 0;
        }
        #menu ul li a {
                padding:10px 15px;
        }
        #navClear {
                display:inline;
                clear:left;
        }
        #featureWrap .feature {
        width:47%;
        margin:10px 1% 0 1%;
        border:1px solid #132f66;
        padding:0px;
        }


.schrift_oben

{
float:left; display:block; margin-top:30px;
}

     .oben_head h3 {margin-top:0; margin-bottom:0; margin-left:15px; font-size:33px;}
     .oben_head i {margin-top:0; margin-bottom:0; margin-left:15px; font-size:14px;}

         .oben_head img

{
    display:block;
        float:right;
    height: auto; width: 185px;
}

#top.oben_head

{
min-height:100px;
}

}



@media only screen and (max-width:480px) {
        /* Smartphone view*/
        #wrap {
                width:100%;
        }
        #nav {
                float:none;
                margin-bottom:20px;
        }
        #content {
                margin-left:0;
                float:none;
        width: auto;
        }
        #wrapClear {
                clear:none;
        }
        #logo {
                margin:0 auto;
        }
        #menu {
                float:left;
                font-size:12px;
        }
        #menu ul li {
                float:left;
                margin:0 2px 0 0;
        }
        #menu ul li a {
                padding:8px 12px;
        }
        #navClear {
                display:inline;
                clear:left;
        }
        #featureWrap .feature {
                width:100%;
                margin-bottom: 10px;
                margin-left:0; margin-right:0;
        }




     .oben_head h3 {margin-top:0; margin-bottom:0; margin-left:15px; font-size:25px;}
     .oben_head i {margin-top:0; margin-bottom:0; margin-left:15px; font-size:19px;}

     p.caption {font-size:13px;}

         .schrift_oben

{
float:none; display:block; margin-top:30px;
}

     .oben_head h3 {margin-top:0; margin-bottom:0; margin-left:15px; font-size:38px;}
     .oben_head i {margin-top:0; margin-bottom:0; margin-left:15px; font-size:18px;}

         .oben_head img

{
    visibility:hidden;
        float:none;
    height: auto; width: 10px;
}

#top.oben_head

{
min-height:100px;
}





}








a.foot:link    {font-size: 13px; color:#eeeeee; TEXT-DECORATION: none;}
a.foot:visited {font-size: 13px; color:#eeeeee; TEXT-DECORATION: none;}
a.foot:active  {font-size: 13px; color:#eeeeee; TEXT-DECORATION: none;}
a.foot:hover   {font-size: 13px; color:#eeeeee; TEXT-DECORATION: none;}

a.admin_kalender:link    {font-size: 13px; color:#9F9F9F; TEXT-DECORATION: none;}
a.admin_kalender:visited {font-size: 13px; color:#9F9F9F; TEXT-DECORATION: none;}
a.admin_kalender:active  {font-size: 13px; color:#9F9F9F; TEXT-DECORATION: none;}
a.admin_kalender:hover   {font-size: 13px; color:#9F9F9F; TEXT-DECORATION: none;}





a.box

{

display: inline-block;
    text-align: center;
    vertical-align: middle;
    width:100%;
    padding: 10px 0px;
    background: #7ba129;

font-size: 18px; color:#fff; font-weight:bold;
    text-decoration: none;
}


a.box:link    {TEXT-DECORATION: none;}
a.box:visited {TEXT-DECORATION: none;}
a.box:active  {TEXT-DECORATION: none;}
a.box:hover   {TEXT-DECORATION: none;}