* {
	margin: 0;
	padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
			
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url('/fonts/ibm-plex-sans-condensed/IBM-Plex-Sans-Condensed-Regular.ttf')
       format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url('/fonts/ibm-plex-sans-condensed/IBM-Plex-Sans-Condensed-Medium.ttf')
       format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url('/fonts/ibm-plex-sans-condensed/IBM-Plex-Sans-Condensed-SemiBold.ttf')
       format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 100%; 
    background-color: #ededed;
    line-height: 1.4;
}

nav,
.main-nav {
  font-family: 'IBM Plex Sans Condensed', 'Inter', sans-serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}
	
a:active, a:focus {outline: none;}

h4 {
  font-weight:600;
}

article a:not(.button):not(.btn):not(.nav-link):not(:has(img)) {
  display: inline-block;
  position: relative;
  padding-left: 0.8em;
}

article a:not(.button):not(.btn):not(.nav-link):not(:has(img))::before {
  content: "‣";
  position: absolute;
  left: 0;
  font-weight: bold;
}

.cont-txt { 
	-ms-hyphens: auto; /* ab IE10 */
  	-moz-hyphens: auto; /* seit Firefox 6 */
  	-webkit-hyphens: auto; /* seit Safari 5.1 (OS X), Safari 4.1 (iOS) */
  	hyphens: auto;
	text-align: justify;
}

.cont-li a {
	color: #0071bc;
	text-decoration: none;
}

.cont-li a:hover {
	color: #000;
	text-decoration: none;
}

.shadow-img {
	box-shadow: 0 5px 15px rgba(0,0,0,.22);
    transition: transform .2s ease, box-shadow .2s ease;
}

.shadow-img:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,.28);
}

.tertiary2 {
  font-size:120%;
}

.my-sticky {
  position: sticky;
  top: 220px;
}

/* Header */

.header {
    text-align: right; 
}

.header-div {
  height: 150px;
  background-image: url("../import_neu/apfelbluete.jpg");
  background-size: cover;      /* oder: contain */
  background-position: center;
  background-repeat: no-repeat;
}

.showh1 {
	display:none;
  }
	
header h1 {
	font-weight:600;
    font-size:1.9rem;
    margin-right:.1em;
	margin-top: 2em;
	line-height: 1.2;
  }
			
#headerLogo img {
  width: 140px;
  margin-top: .0em;
  margin-bottom: 0em;
  margin-right: none;
}

#stickyHeader {
  transition: box-shadow 0.3s ease;
  z-index: 1030; /* optional, damit er sicher über Content liegt */
  background: #fff; /* wichtig, sonst sieht Schatten “komisch” aus */
}


#stickyHeader.scrolled {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

#stickyHeader.scrolled .logo img {
  filter: drop-shadow(0 3px 6px rgba(0,0,0,.25));
}


/* Adress */

.disb {
    display: inline;
    }

.disn {
    display: none;
    }

.disws {
    white-space: nowrap;
    }


/* footer */



.footer {
    width: 100%;
    text-align: left;
    background-color: green;
    color: #000;
    }



/* Ansicht für Tablets bzw. Bildschirme, die größer als 769px sind */

		@media screen and (min-width: 769px) {
.showh1 {
display:block;
  }
		
header h1 {
margin-top: 0.7em;
margin-right:.5em;
  }

/* Ansicht für Tablets bzw. Bildschirme, die größer als 993px sind */

@media screen and (min-width: 993px) {
	
#headerLogo img {
  width: 140px;
  margin-top: 2.5em;
  margin-bottom: 2em;
  margin-right: 0.9em;
}
	
	
.col-3>.disb {
    display: none;
    }
    
.col-3>.disn {
    display: inline;
    }
    

}


/* Ansicht für Tablets bzw. Bildschirme, die größer als 1024px sind */

@media screen and (min-width:1110px) {
    

}