/* assistant-regular - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/assistant-v18-latin-regular.eot');
  src: local(''),
       url('./fonts/assistant-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/assistant-v18-latin-regular.woff2') format('woff2'),
       url('./fonts/assistant-v18-latin-regular.woff') format('woff'),
       url('./fonts/assistant-v18-latin-regular.ttf') format('truetype'),
       url('./fonts/assistant-v18-latin-regular.svg#Assistant') format('svg');
}
/* hind-guntur-regular - latin */
@font-face {
  font-family: 'Hind Guntur';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/hind-guntur-v12-latin-regular.eot');
  src: local(''),
       url('./fonts/hind-guntur-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/hind-guntur-v12-latin-regular.woff2') format('woff2'),
       url('./fonts/hind-guntur-v12-latin-regular.woff') format('woff'),
       url('./fonts/hind-guntur-v12-latin-regular.ttf') format('truetype'),
       url('./fonts/hind-guntur-v12-latin-regular.svg#HindGuntur') format('svg');
}
/*
'Assistant', sans-serif;
'Hind Guntur', sans-serife;
gelb: 255,188,0
*/

body {font-family:'Hind Guntur',sans-serif;color:black;background-color:white;text-align:center;margin:0;padding:0;}
a {color:gray; text-decoration:none;}
a:hover {color:maroon;} 

.menu {position:sticky;top:0;z-index:1000;width:100%;background-image:url(bilder/mauer.jpg);background-size:cover;}

.gross,h1 {font-size:3vw;line-height:1.3em;margin:0;}

.cl {clear:both;}
.inhalt  {max-width:1920px; margin:0 auto; position:relative; text-align:center; line-height:1.6em;}
.inhalt0 {max-width:980px; margin:0 auto;}
.inhalt1 {margin:5% 2%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.inhalt2 {margin:5% 2%;}

.banner {width:100%;margin:0 auto; position:relative;}
/*.m1 {margin:2.6% 1% 1.5% 1%;font-weight:bold;color:gold;line-height:1.3em;text-align:left;}*/
.m1 {margin:0 3% 0 1%;color:gold;font-weight:bold;display:block;}
.m2 {margin:0 1%;color:white;display:block;}
.m1:hover {color:#ffa500;}
.m2:hover {color:silver;}

.fuss {background-color:#444;border:1px solid #444;margin:0 auto;}
.fuss a {color:white; margin: 0 2%;}
.fuss a:hover {color:silver;}

.weiter {cursor:pointer;color:#444;font-weight:bold;}
.weiter:hover {text-shadow:0 0 4px #777;}
 
.grau {background-color:silver; border:1px solid silver;}
.mauer {width:100%;background-image:url(bilder/mauer.jpg);background-size:cover; border:1px solid transparent;}
.marken {width:15%;min-width:90px;height:10%;}
.marken img {width:100%;}

.galerie {width:25%;margin:0;display:inline;}

.gelb {background-color:rgb(255,188,0);border:1px solid rgb(255,188,0);}

.flexi {display:flex; flex-wrap:wrap; justify-content: center;}

.blocksatz {text-align:justify;}

/*flipcards 2-spaltig*/
.card {font-size:1.3em; height:170px;}
.c1  {width:46%;height:220px;min-width:170px; display: inline-block; font-size:1.5em;} 
.f1  {display: flex; justify-content: center; align-items: center; background:rgb(255,188,0);}
.f1a {display: flex; justify-content: center; align-items: center; background:gray; color:white;}

/*inhalte 2-spaltig*/
.c2 {width:46%; min-width:300px; display:block;} 
/*flipcards 3-spaltig*/
.c3 {width:30%;min-width:300px;display: inline-block; margin:2% 0;} 
.f3 {display: flex; justify-content: center; align-items: center; background:#ddd;}

/*news*/
.news {width:29%;min-width:300px;background:#ddd;border:1px solid #ddd;margin:0 0 2% 0;text-align:left;}
.news img {width:100%;display:block;}
.news1 {margin:4%;text-align:left;}
.news2 {text-align:left;}
.news2 img {width:100%;max-width:320px;min-width:300px;float:left;margin:0 4% 2% 0;}

@media all and (max-width: 600px){
  body {font-size:.8em;}
  .c1 {min-width:140px;height:140px;margin:0 1%;} 
  .f1a {font-size:.7em;}
  .inhalt1 {justify-content: center;
}