/* 321med */ 


#landmark_321med div#button_321med_animation { animation: none !important } 
#landmark_321med a#powered_321med { display: none } 
#landmark_321med .button_321med_label, #landmark_321med .titel { font-family: "Inria Sans", Verdana, sans-serif !important } 
#landmark_321med .button_321med_label { color: rgb(6,101,145) !important } 





#stellenanzeige { padding: 1rem; margin-top: 3rem; text-align: center; background-color: rgb(144,191,62) /*grün*/; line-height: 1.6; transition: all ease 1.5s; } 
#stellenanzeige strong { font-size: 2rem; }
#stellenanzeige * { color: white;  }
#stellenanzeige a { display: block; }
#stellenanzeige:hover{ background-color: rgb(6,101,145) /*blau*/; }





main,
#hauptnavigation { background-color: white /*weiß*/ }

#hauptnavigation li { background-color: rgb(144,191,62) /*grün*/ }

#hauptnavigation li:hover,
#hauptnavigation li[aria-current="page"] { background-color: rgb(6,101,145) /*blau*/ }

table { border-collapse: collapse }

table { border-style: none }

#hauptnavigation li + li { border-style: solid }

#hauptnavigation li + li { border-color: white } /*weiß*/

#hauptnavigation li + li { border-width: 0.2rem 0 0 0 }

html { box-sizing: border-box }

*,
*::before,
*::after { box-sizing: inherit }

#hauptnavigation ol a { color: white } /*weiß*/

body, /*a[href^="tel"],*/ strong { color: rgb(100,100,100) /*dunkelgrau*/ }

a { color: rgb(144,191,62) } /*grün*/

h1,
h2,
h3 { color: rgb(6,101,145) /*blau*/ }

/*a[href^="mailto:"] { color: inherit }*/

a[href$=".pdf"]::after { content: " (PDF)" }

#sprunglink,
 #hauptnavigation ol,
#hauptnavigation a[href="#hide-nav"],
#hauptnavigation a[href="#show-nav"]:target { display: none }

#hauptnavigation a,
#hauptnavigation a[href="#show-nav"],
#hauptnavigation a:target ~ ol,
#hauptnavigation a:target ~ a[href="#hide-nav"] { display: block; }

#hauptnavigation a:target ~ ol { animation-name: open; animation-duration: 0.8s; }

#seite { display: flex }

.galerie figcaption strong { display: block }

#seite { flex-direction: column }

/* Copyright 2010, 2012 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name ‘Source’. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries. This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL. */
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: bold; src: url("/css/source-sans-pro-regular.woff") format("woff"); }
@font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: bold; src: url("/css/source-sans-pro-regular-italic.woff") format("woff"); }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: normal; src: url("/css/source-sans-pro-300.woff") format("woff"); }
@font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: normal; src: url("/css/source-sans-pro-300-italic.woff") format("woff"); }

/* Copyright 2017, Black[Foundry] (www.black-foundry.com | hello@black-foundry.com), with Reserved Font Name Inria Sans and Inria Serif. This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL. */
@font-face { font-family: "Inria Sans"; font-style: normal; font-weight: normal; src: url("/css/inria-sans-regular.woff") format("woff"); }

body { font-family: "Source Sans Pro", Verdana, sans-serif }

h1,h2,h3 { font-family: "Inria Sans", Verdana, sans-serif }

h1,h2,h3 { font-weight: normal }

body { font-size: 1.10rem }
#intro { font-size: 1.30rem }

h3 { font-size: 1.8rem }

h2 { font-size: 2.50rem }

h1 { font-size: 2.50rem }

.fax, .tel { height: 0.9rem }

table th,
#hauptnavigation strong { font-weight: normal } /*strong gibt es nur für die Darstellung ganz ohne CSS*/

#hauptnavigation a#show-nav { line-height: 1 }

h1,
h2,
h3 { line-height: 1.10 }

p,
table,
ol,
ul { line-height: 1.50 }

ul {list-style-type: circle }

#hauptnavigation ol,
#intro ul, 
ul.kontakt-daten { list-style-type: none }

body { margin: 0 0.5rem }

#seite { margin: 0 auto 0 auto }

figure { margin: 0 } 

/*.galerie figcaption strong { margin-bottom: -1rem } */

p,
ol,
ul { margin-top: 0.83rem; margin-bottom: 0.83rem; }

#intro ul li { margin-top: 0rem; margin-bottom: 0rem; }

li { margin-bottom: 0.4rem; margin-top: 0.4rem; } 

h1 { margin-top: 0 } 

ul ul { margin-top: initial; margin-bottom: initial; }


h2 { margin-top: 2.4rem }

h3 { margin-top: 1.8rem }

header { margin-top: 1rem }

#sprunglink { order: 1 }

header { order: 2 }

#hauptnavigation { order: 3 }

main { order: 4 }

#hauptnavigation,
#hauptnavigation ol { padding: 0 }

.fax, .tel { padding-right: 0.3rem } 

table td { padding-left: 1rem }
ul, ol { padding-left: 2rem }

#intro ul, ul.kontakt-daten { padding-left: 0 }

main { padding-top: 1.4rem; padding-bottom: 1.4rem; }

main { padding-top: 0.4rem }

img#logo { padding-top: 0.5rem; padding-bottom: 0.8rem; }

#hauptnavigation a { padding: 0.4rem 0 }

a { text-decoration: none }

table td { text-align: right }

table th { text-align: left }

a { text-decoration: none }

#hauptnavigation li { transition: all ease 1.5s }

#hauptnavigation li { text-align: center }

table td,
table th { vertical-align: middle}

.fax, .tel { vertical-align: -7% }

table td { white-space: nowrap }

#hauptnavigation a { width: 100% }

.galerie img { width: 6rem; height: auto; }

img#logo { width: 6rem } 
img#barrierefrei-icon { width: 0.9rem }
img#naepas { width: 60% } 



#hauptnavigation a[href="#show-nav"] img,
#hauptnavigation a[href="#hide-nav"] img { width: 1.4rem }

figure img { width: 100%; height: auto; } 

html { -webkit-text-size-adjust: 100% /* iOS: Verhindert das Verändern der Schriftgröße beim Wechsel zum Querformat */ }

@media only screen and (min-width: 19rem) { /*Figcaption rechts neben dem Bild*/

.galerie figure { padding: 1rem 1rem 1.5rem 0 }
  
header { hyphens: none } 

/* flex container */
.galerie figure { display: flex } 
  
.galerie figcaption { padding-left: 1rem } 
}

@media only screen and (min-width: 32rem) { 
  h1 { font-size: 2.50rem }
  
/*flex container */
header { 
  display: flex; 
  justify-content: space-between;
  gap: 3rem; 
}
}
@media only screen and (min-width: 47rem) {/* 2 Spalten in der Galerie*/  
  
/*flex container */
.galerie { 
  display: flex; 
  justify-content: flex-start; /*Standardwert*/
  flex-direction: row; /*Standardwert*/
  flex-wrap: wrap; /* Standardwert = nowrap */
  align-items: flex-start; /*Standardwert*/
  gap: 1rem; 
}
/* flex item */
.galerie figure {
 width: calc(100%/2 - 0.5rem); /*2 Spalten, also ein Zwischenraum. Ein Zwischenraum beträgt 0.5rem*/
  flex-grow: 0; /*Standardwert*/ /* Wert 1 für "Items teilen sich den Platz zu gleichen Teilen auf" geht nicht, weil dann ein einzelner Item in der letzten Zeile die volle Breite einnähme */
  flex-shrink: 1; /*Standardwert*/
  flex-basis: auto; /*Standardwert*/
  order: 0; /*Standardwert*/
}

/*flex container */
#hauptnavigation ol { 
  display: flex !important;
  justify-content: space-around; 
  }

  /* flex item */
#hauptnavigation li { flex-grow: 1 }
  
  #hauptnavigation li + li { border-width: 0 0 0 0.2rem }

#hauptnavigation a[href="#show-nav"],
 #hauptnavigation a[href="#hide-nav"] { display: none !important }

body { margin: 0 3rem }

#seite { max-width: 62rem } 

#sprachumschalter { padding-left: 0 }


main { padding-top: 2rem; padding-bottom: 2rem; }

#hauptnavigation a { padding: 0.4rem 0.5rem 0.3rem 0.5rem }

img#logo { width: 9rem } 

}

@media only screen and (min-width: 60rem) { /* 3 Spalten in der Galerie*/


  
.galerie figure { width: calc(100%/3 - 1rem) } /*3 Spalten, also zwei Zwischenräume. Ein Zwischenraum beträgt 0.5rem. Also Zwischenraum 1rem*/
}

@media print {

* { color: inherit !important }

body { background-image: inherit; }

#sprunglink,
#sprachumschalter,
#hauptnavigation,
#footer { display: none }

a { text-decoration: inherit; }
}