/* apply a natural box layout model to all elements - thanks @paulirish*/
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

img {max-width:100%}


@font-face {
    font-family: 'Trajan';
    src: url('fonts/trajanpro-regular-webfont.eot');
    src: url('fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-regular-webfont.woff') format('woff'),
         url('fonts/trajanpro-regular-webfont.ttf') format('truetype'),
         url('fonts/trajanpro-regular-webfont.svg#Trajan') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {font-family: 'Lato', sans-serif; font-size:1em; line-height: 1.5em; color:#373737; font-weight:400;}

a:link, a:visited {text-decoration:none; color:#445565}
a:hover {color:#001952; text-decoration:underline}
a:active {color:#111; text-decoration:none}

strong {font-weight:700}

small {font-size:70%}

hr.short {width:40%; margin:30px auto; clear:both; display:block; padding-top:30px}

h1, h2, h3, h4 {font-weight:400; line-height:normal;}
h1 {font-size:2.5em; color:#003b5d; font-family: 'Trajan', Georgia, serif}
h2 {font-size:1.8em; color:#355a74;}
h3 {font-size:1.5em;}
h4 {font-size:1em; text-transform:uppercase; font-weight:700;}

.rounded {border-radius:50%}

header {padding-bottom: 20px; background-color:#003b5d}

#logo {float:left; width:550px; margin-top:14px; display:block;}
#logo img {max-width:100%}
#logo_mobile {display: none; width: 100%; margin: 15px 0;}
nav {list-style:none; float:right; margin:10px 0 0 10px; clear:right}
nav ul, .subnav ul {padding:0; margin:0;}
nav li, .subnav li {display:inline-block; margin:0; padding:0}
nav li a, .subnavnav li a {display:block; width:100%; height:100%; 
text-align:center; padding:8px 15px; font-size:0.9em; border-radius:2px}
nav li a:hover, .subnavnav li a:hover {background-color:#445565; color:#fff}
.subnav li a {font-size:0.8em; margin-left:20px}
.subnav {height:20px; height:100%; list-style:none; padding:12px 0}
.subnav h1 {float:left; color:#fff; font-size:1.1em; text-transform:uppercase; line-height:0}
.subnav ul {float:right;  height:100%;}
.subnavwrap {background-color:#03263a; clear:both;}

nav li a:link, nav li a:visited, .subnav li a:link, .subnav li a:visited {color:#fff;}
nav li a:hover, nav li a:active, .subnav li a:hover, .subnav li a:active {color:#efefef; text-decoration:none}
.tinynav { display: none }

#mapcanvas img { max-width: none; }


.smallteaserwrap {margin:20px 0}

.blue {background-color:#003b5d; color:#fff;}
.grey {background-color:#445565; color:#fff}
.grey h2 {color:#fff}
.lightgrey {background-color:#fefefe;}
.shift {background-color:#fff; padding-top: 120px;  margin-top:-50px; padding-top:50px}
.black {background-color:#303030; color:#fff}

.pressbar {padding:30px 0}

/*MAILCHIMP SIGNUP*/

.newsletter p {font-size:1.2em; width:70%; margin:5px auto; line-height:1.5em}

.mc-field-group input {padding:10px 20px; margin:8px 0; width:280px; max-width:80%; font-size:1.1em; font-weight:300; color:#303030}
#mc_embed_signup label {width:90px; text-transform:uppercase; margin-right:7px}
#mc-embedded-subscribe {width:280px; margin:10px 0 0 0}

.socialicons {display:inline-block; text-transform:center; height:24px; padding:1px 5px 1px 1px; border-radius:2px}
a.socialicons {color:#fff; font-size:0.8em; line-height:24px; overflow:hidden}
.socialicons img {display:inline-block; margin-right:2px; margin-top:-2px; width:24px}
.facebook {background-color:#3B5998}


/*CONTACT FORMS*/

.form input[type="text"], .form textarea {width:300px; padding:8px 16px; display:block; margin:0 0 12px 0}


/* CENTERING THINGS VERTICALLY IS A PAIN! */
.presswrap {
   display: table;
   width: 100%;
   height:200px;
}
.pressquote {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   font-size:0.9em
}

/* ======= SLIDER */

.slide {background-size:cover; background-position:top; width:100%; height:100%; color:#fff}
.cycle-slideshow {height:100%;}
.slide h1 {font-size:41px; color:#bf9031;  line-height:1.3em}
.slide h1 small {font-size:16px; line-height:20px; display:block; color:#fff}
.slide p {font-size:1.2em; line-height:1.3em}

.pager {color:#fff; position:absolute; bottom:10px; right:5%; z-index:9999; font-weight:600;}
.pager .cycle-pager-active {background-color:#bf9031;}
.pager > div {cursor:pointer; width:16px; height:16px; 
border-radius:50%; background-color:#fff; display:inline-block; margin-right:6px}
.pager > div:hover {background-color:#bf9031}


/* ======= EVENT PAGES */

.eventsidebar {padding:10% 20px 0 0; color:#6c6c6c; font-size:16px; text-align:right; line-height:1.5em}
.eventcontent {padding:1% 40px; border-left:1px solid #ddd; margin-top:30px}

.eventcontent h1 {margin-bottom:4px}
.eventcontent h2 {font-size:16px; text-transform:uppercase; color:#747474; margin:0 0 10px 0; padding:0}

.caption {display:block; margin:5px 0 10px 0; text-align:center; color:#adadad; font-style:italic}
.imagesidebar img {width:100%; max-width:300px; margin-top:10px; clear:both; display:block}

.btn {text-align:center; background-color:transparent;
border:1px solid; font-size:0.9em; text-transform:uppercase; 
padding:8px 12px; font-weight:400; border-radius:3px;}

a:hover.btn  {text-decoration:none}

.btn.red {border-color:#900; background-color:transparent; display:inline-block; background-color:#900; color:#fff}
.btn.red:hover {background-color:#fff; color:#900}


.btn.blue {border-color:#003b5d; background-color:transparent; display:inline-block; color:#003b5d;}
.btn.blue:hover {background-color:#003b5d; color:#fff}

.btn.white {border-color:#fff; background-color:transparent; display:inline-block; color:#fff;}
.btn.white:hover {background-color:#fff; color:#222}


.btn a:link, .btn a:visited {display:block; width:100%; height:100%; color:#fefefe;}

.press a {font-weight:700}

.angebotlogo {max-height:70px; float:left; margin-right:15px; max-width:220px}


/* ============ TYPO */
/*h2 { padding: 10px 15px; display: inline-block; margin-bottom: 20px;} */

/* ============ ELEMENTS */
.post-container {
    overflow: hidden;
    background:#445565;
    color: white;
    height: 210px;
    margin-bottom:10px
}
.post-thumb {
    width: 40%;
    float: left;
    height:100%;
    background-size:cover;
    background-position:center;
}
.post-thumb img {
    display: block;
}
.post-content {
    float: right;
    width: 60%;
    padding:10px 10px 0 10px;
    line-height:1.4em;
}

.post-content p {

    padding-bottom:10px;
    overflow:hidden !important;
}

.post-title {
    font-size: 1.3em;
    line-height: 1.3em;
    margin-top:0px
}

.post-title a:link, .post-title a:visited {color:#fff}
.post-title a:hover, .post-title a:active {color:#d0d0d0; text-decoration:none}
.post-title small {font-size: 0.7em; font-weight:normal; color:#d0d0d0}

/* 4grid post*/
.post_th {height: 220px; -webkit-background-size: cover; background-size: cover; padding: 80px 15px 10px 15px}
.post_th a {background: rgba(68, 85, 101, 0.8); font-size: 1.2em; line-height: 1.3em; padding: 15px 8px; display: block; color: white; 
-webkit-transition: all .5s ease;
-moz-transition: all .5 ease;
-ms-transition: all .5 ease;
-o-transition: all .5 ease;
transition: all .5 ease;}
.post_th a small {font-size: 0.8em}

.post_th a:hover {background:rgba(0,53,93,0.8); padding: 25px 8px; text-decoration:none}


footer {font-size:0.7em; padding:20px 0; background-color:#a0a0a0; color:#222;}
.footernav {display:block;}
.footernav ul {padding:0; margin:0}
.footernav li {display:block; float:left}
.footernav li a {color:#003b5d; padding:0 20px 0 0; text-align:left; text-align:center}
.footernav li ul {margin:0; padding:0; list-style:none}
.footernav li ul li {float:none; display:block}
.footernav li ul li a {text-align:left; text-transform:capitalize}
.footerlogos {float:right; clear:left}


.socialbtns {float:right; clear:right; margin-top:5px; font-size:0.9em}


.hidden {   display: none !important;    visibility: hidden;}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


.invisible {visibility: hidden;}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


/* MEDIA QUERY */

 @media only screen and (max-width: 1024px)  and (min-width: 660px) {
    .post-thumb {width: 100%; float: none; overflow: hidden; height:200px;}
    .post-container {height:auto; max-height:440px}
    .post-content { display: block; float: none; width: 100%; height:auto}
    .post_th {padding: 80px 15px 10px 15px}
    #logo, nav {float: none; display: block; margin-top: 10px}


 }

@media only screen and (max-width: 860px) {
    .post_th {width: 48% !important; margin: 7px 0}
    .post_th:nth-child(odd) {margin-left: 14px}
    .shift {padding-top: 50px;}
    
    .container .grid_12,
 .container .grid_11, 
 .container .grid_10,  
 .container .grid_9,  
 .container .grid_8,  
 .container .grid_7, 
 .container .grid_4,  
 .container .grid_5,  
 .container .grid_6 {width: 98%; margin-left:1%; margin-right:1%;}
 .container .grid_3, 
 .container .grid_2  {width: 48%;}
 
}
@media only screen and (max-width: 660px) {
  
 
 

header {height:auto; padding-bottom: 20px;}

#slider, .bx-wrapper {display: none;}
.post, .post_th{ float: none; display: block; width: 100% !important; margin: 15px 0;}
.post-container {color: white; margin: 15px 0; height:auto;}
.post-thumb {width: 100%; float: none; height:180px;}
.post-content { display: block; float: none; width: 100%; height:auto}
.post_th {height: auto; padding: 15px 10px 15px 10px; margin: 15px 0 0 0 !important }
.post_th a {text-align: center}
.shift {padding-top: 30px;}
.tinynav { display: block; color: black; padding: 15px; display: block; width: 100% !important;margin: 10px 0 0 0; }
nav > ul, #logo { display: none; float: none }
nav {float: none; margin: 5px 0 0 0}
#logo_mobile {display: block; min-height: 106px}



}





/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}