/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


body * {
    font-family: "Ubuntu" !important;
}

/* Navigation */

.top-bar.expanded .title-area {
    background: #003055;
}

.top-nav {
    -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,.3) ;
    box-shadow:         0 0 5px 5px rgba(0,0,0,.3) ;
}

.top-nav .columns {
    padding: 0;
} 

.top-nav,
.top-bar,
.top-bar-section li:not(.has-form) a:not(.button) {
    background: #003055;
    font-size: 1rem;
    font-size: .9375rem;
    text-align: center;
}

.top-bar-section li {
    width: 100%;
}

.top-bar-section li:not(.has-form) a:not(.button) {
       /* padding: 0 .5rem;*/
}

.top-bar-section li.curr a:not(.button)
 {
    background: #004b85;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #1464a1;
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
    border-right: 1px solid #004b85;
}

.logo {
    background-color: rgba(255,255,255,.9);
    padding: 1.75rem 0;
    margin-bottom: 1.75rem;
    text-align: center;
}

.logo-fzl {
    margin: 2rem auto 0 auto;
    display: inline-block;
}

.keyvisual {
    padding: 0 0 2rem 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,.3) inset;
    box-shadow:         0 0 5px 5px rgba(0,0,0,.3) inset;
}

.logo-standox {
    float: left;
	margin-left: 2rem;
}

.content {
    margin: 12rem auto 0 auto; 
    padding: 2rem 0;
    background: rgba(255,255,255,.9);
    max-width: 62.5rem;
}

.b-start .content {
	margin-top: 5rem;
}

.galerie,
.bottom-content {
    padding-top:    3rem;
    padding-bottom: 3rem;
}

.galerie img {
    margin-bottom: 2rem;
}

.galerie li {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2.5rem;
}

.galerie li img {
    margin-bottom: 1rem;
}

figure {
    padding: 0;
    margin: 0;
}

/* -- Googlemap --------------------------------------------------------------*/

#map {
    width: 100%;
    height: 18rem;
    border: 1px solid #004B85;
    margin-bottom: 2rem;
}

#map img {
    max-width: none;
    height: auto;
    }

span.pos {
    display: inline-block;
    padding: 2px 4px 1px 5px;
    border: 1px dotted silver;
    color: silver;
    line-height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#map .gm-style-iw {
    width: 100% !important;
    height: auto !important;
}

#mapcontent1  {
    width: 100%;
    height: auto;
}

#mapcontent1 p {
    color: #222;
    width: 100%;
    font-size: .75rem;
}

footer {
    background: #003055;
    color: #fff;
    padding: 3rem 0;
}

footer h3 {
    margin-bottom: 1rem;
}

footer * {
    color: #fff;
}



/* Typographie */
h1 {
    font-size: 1.75rem;
}

h2 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    margin-top: 0;
}
h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
h4 {
    font-size: 1.125rem;
    margin-bottom: 1rem;
}
h5 {
    font-size: 1rem;
}


aside h3 {
    font-size: 1.25rem;
    color: #e20a16;
    margin: .5rem 0 1.75rem 0;
}

p.hilite {
    color: #004b85;
}

.toplink a{
    width: 100%;
}

ul.nobullet {
    list-style: none;
    margin-left: 0;
}

ul.nobullet li {
    margin: 0 0 1rem 0;
}

ul.nobullet li:before {
    content: "…";
    display: inline-block;
    margin-right: .25rem;
    color: #e20a16;
}

ul.bigbullet {
    color: #e20a16;
}

ul.bigbullet li {
    margin-bottom: .5rem;
}

ul.bigbullet span {
    color: #333;
}

.cta {
    background: #e20a16;
    margin-top: 1.5rem;
    cursor: pointer;
}

.cta span {
    color: #fff;
    display: inline-block;
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
    width: 100%;
    cursor: pointer;
}

.cta span:last-child {
    margin-bottom: 0;
}

.cta span a {
    color: #fff;
    cursor: pointer;    
}

a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
    text-decoration: none;
    cursor: text;
    color: #333;
}

footer a:link, footer a:visited {
    color: #fff;
}

footer a:hover, footer a:active, footer a:focus {
    color: #e20a16;
}

footer a[href^="tel"]:link, footer a[href^="tel"]:visited, footer a[href^="tel"]:hover {
    text-decoration: none;
    cursor: text;
    color: #fff;
}

a.cta[href^="tel"]:link, a.cta[href^="tel"]:visited, a.cta[href^="tel"]:hover {
    color: #fff;
    cursor: pointer;
}

@media only screen and (min-width:40.063em) { 

    .top-bar .title-area {
        display: none;
    }
    
    .top-bar-section li {
        width: 19.75%;
    }
    
    .logo {
        text-align: left;
    }
    
    .logo-fzl {
        float: right;
        margin-top: 1rem;
    }
}

@media only screen and (min-width:64.063em) { 
    
    .top-bar-section li:not(.has-form) a:not(.button),
    .top-bar-section li:not(.has-form) a:not(.button):hover
    {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    
    .logo .row,
    .top-nav .row
     {
        max-width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .logo-fzl {
        float: right;
    }
    
    .logo-standox {
        float: right;
		margin-left: 0;
    }
	
	.keyvisual {
	    padding: 0 0 2rem 0;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,.3) inset;
	    box-shadow:         0 0 5px 5px rgba(0,0,0,.3) inset;
	}
    
    .zeiten {
        text-align: left;
    }

}

@media only screen and (min-width:90.063em) { }
@media only screen and (min-width:120.063em) { }


@media print {
	
	body {
		padding: 20mm 0;
	}
	
    nav, .toplink {
        display: none;
    }
	
	.logo img {
	    display: none;
	}

	.logo-fzl, .logo-standox {
	    display: none;
	}
	
	.content {
	    margin: 2rem auto 0 auto; 
	}
        
    a[href]:after {
      content: ""; }
}