#davdata {
  width: 95%;
  margin-right: 0;
}

#searchboxContainer {
  background: url("/Icons/Edelweiss_Background.gif") no-repeat fixed center rgba(0, 0, 0, 0);
}
#searchbox {
  width: 15rem;
  background-color: transparent;
  margin: 10px 0 auto auto;
  white-space: nowrap;
  background-color: transparent;
}
#searchinput {
  border: 1px solid silver;
  width: 80%;
  vertical-align: middle;
}
#search {
  border: 0px solid silver;
  vertical-align: middle;
}

h1 {
  margin: 0;
  text-transform: uppercase;
  border: none;
  text-align: left;
  padding: 0.5rem 0 0;
  clear: left;
  margin-top: 1rem;
}
#whereami {
  display: none;
}

#Artikel {
  width: 97%;
  clear: both;
}
#Aktuelles {
  /*column-count: 2;*/
}
.breitbild {
  width: 300px;
  height: 5rem;
}
article {
  margin-top: 1rem;
  clear: left;
  /* für zweispaltige Darstellung (part 1 of 2):
  clear: none;
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  */
}
.news {
}
header {
  font-size: 1.2rem;
  border-bottom: 1px solid silver;
  text-align: left;
  margin-bottom: 5px;
}
time {
  font-size: 1rem;
  float: right;
  /* für zweispaltige Darstellung (part 2 of 2):
  line-height: 2rem;
  */
}
h2 {
  font-size: 1.1rem;
  margin: 0 0 5px 0;
  text-align: left;
}
figure {
  float: left;
  margin: 0 15px 10px 0;
  width: 150px;
  min_height: 80px;
}
.teaserText {
  display: table-cell;
  width: 2000px;
}
.teaserText ul {
  margin: 0;
}
.more {
  font-weight: bold;
  display: block;
  text-align: right;
}

.shortnews {
  width: 100%;
  clear: both;
  display: grid;
  grid-template-columns: 11em auto 7em;
}
.newskat {
  /*display: inline-block;*/
  /*width: 15%;*/
  /*vertical-align: top;*/
}
.newstitle {
  /*display: inline-block;*/
  /*width: 67%;*/
  /*vertical-align: top;*/
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
}
.newsdate {
  /*display: inline-block;*/
  /*width: 15%;*/
  /*vertical-align: top;*/
  text-align: right;
}


#Berichte {
  padding-top: 1rem;
  clear: left;
  /*max-width: 600px;*/
  width: 90%;
}
#Berichte img {
  padding-left: 5px;
}
#VoUText {
  width: 15rem;
  float: left;
  margin-right: 1rem;
  font-weight: bold;
}
#VoUNum {
  float: left;
}
dl.Berichte {
  margin-left: 2rem;
  clear: left;
}
dl.Berichte dt {
  margin-top: 0.5rem;
  margin-left: 10px;
  text-indent: -10px;
}
dl.Berichte dt a:before {
  content: url(/Icons/go3.gif);
}
dl.Berichte dt.bonus {
  border-left: 2px solid green;
}
dl.Berichte dt.bonus:after {
  content: " (nicht im Heft!)"; color: green; float: right;
}
dl.Berichte dd {
  margin-left: 0px;
  font-size: 0.8rem;
  padding-left: 10px;
}
html* dl.Berichte dd {  /* IE6/7 only */
  padding-left: 0px;
}

/* die Box rechts */
#davinfo {
  float: right;
  width: 155px;
  padding: 5px 3rem;
  margin-top: -4rem;
}

.kleinanzeigen {
  text-align: center;
  border: 2px solid #DBE3E6;
  margin-top: 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #E1E7E8;
}
#ka_latest {
  font-size: 0.7rem;
  font-weight: normal;
}
.sicherklettern {
}

#Termine {
  /*font-size: 0.8rem;*/
  max-width: calc(100% - 220px);
  background-color: ghostwhite;
  padding: 5px;
}
#Termine h4 {
  margin-bottom: 0px;
}
#Termine ul {
  margin-top: 0px;
  padding-left: 10px;
}
#Termin, #Termine .hidden { /* the Template <li> */
  display: none;
}
#Termine li {
  /* border-top: 1px solid silver; */
  border-bottom: 1px solid silver;
}
.Ttermin {
  display: inline-block;
  width: 13rem;
  vertical-align: top;
}
.Tkopf {
  font-weight:bold;
  display: inline-block;
}
.Tlink {
  float: right;
}
.Ttext {
  margin-right: 5rem;
}

/* Boxen */
#boxen {
  position: relative;
  width: 200px;
  float: right;
  margin-top: -4px;
  padding: 5px;
}
#innerbox {  /* this allows the box to overlap 'Aktuelles' */
  position: absolute;
  background-color: white;
}

/* Nutzerkarten Box */
#nk {
  height: 50px;
  overflow: hidden;
  transition: all 1s ease;
}
#nk img {
  margin-top: -48px;
  transition: all 1s ease;
}
#nkjahr {
  position: absolute;
  top: 27px;
  left: 55px;
  width: 100%;
  line-height: 2rem;
  text-align: center;
  color: white;
  font-weight: bold;
  transition: all 1s ease;
}
/* Kletterwand Buchung Box */
#kb {
  height: 50px;
  overflow: hidden;
  margin-top: 5px;
  transition: all 1s ease;
}
#kb img {
  margin-top: -30px;
  transition: all 1s ease;
}
/* Alpinkompass Box */
#ak {
  height: 50px;
  overflow: hidden;
  margin-top: 5px;
  transition: all 1s ease;
}
#ak img {
  margin-top: -55px;
  transition: all 1s ease;
}
@media screen and (min-width: 480px) {
/* hover effects only on wide screen */
  #nk:hover {
    height: 150px;
    overflow: none;
  }
  #nk:hover img {
    margin-top: 0px;
  }
  #nk:hover #nkjahr {
    top: 90px;
    left: 0;
  }
  #kb:hover {
    height: 101px;
    overflow: none;
  }
  #kb:hover img {
    margin-top: 0px;
  }
  #ak:hover {
    height: 101px;
    overflow: none;
  }
  #ak:hover img {
    margin-top: 0px;
  }


/* Boxen, wenn keine Termine (dann left2right) */
	#boxen.ltr {
		width: 600px; /* width of #nk+#kb+#ak */
    height: 50px;
	}
	#boxen.ltr #innerbox {
		position: unset;
	}

 
	#boxen.ltr #nk {
		display: inline-block;
		position: absolute;
    right: 200px;
    margin-top: 0px;
	}
	#boxen.ltr #kb {
		display: inline-block;
		position: absolute;
    right: 400px;
    margin-top: 0px;
	}
	#boxen.ltr #ak {
		display: inline-block;
		position: absolute;
    right: 0px;
    margin-top: 0px;
	}
}
/********************************************************/
/* chrome: 412, Fenec: 414, FF: 454 */
@media screen and (max-width: 479px) {
  #davdata {  /* from Home.css/DAVBS.css */
    width: 98%;
    margin: auto;
  }

  /* like .ltr */
	#boxen {
		width: 100%;
    padding: unset;
	}
	#boxen #innerbox {
		position: unset;
	}
  #nk, #ak, #kb {
    display: inline-block;
    margin: 0;
    /* width: 32%; /* wenn 3 icons */
    width: 50%; /* with 2 icons */
    
  }
  #ak { float: right; }
  #nk img, #kb img {
    /* margin-left: -42px; /* shift img into view, only with 3 icons */
  }
  #ak img {
    /* margin-left: -21px;  /* shift img into view, only with 3 icons */
    margin-top: -52px;
  }
  #nkjahr {
    /* left: -96px;  /* wenn 3 icons */
    left: -3em;  /* with 2 icons */
  }


  #Termine {
    max-width: unset;
    font-size: 0.8rem;
    clear: both;
  }
  /* Aktuelles */
  #Artikel {
    width: 100%;
  }
  article::after {  /* simulate a hr */
      content: "";
      border-bottom: 2px solid black;
      width: 50%;
      display: inline-block;
      margin: 0 25%;
  }
  .teaserImage, .teaserImage img {
    width: 75px;
  }
  .teaserText {
    width: unset;
    display: block;
  }
  .shortnews {
    font-size: 0.8rem;
  }
  .newstitle {
    /*width: 65%;*/
  }
  #Berichte {
    width: 100%;
  }
  dl.Berichte {
    margin-left: 1rem;
  }
  #VoUText {
  }
  #VoUNum {
    margin-bottom: 10px;
  }

}

@media screen and (min-width: 480px) {
/*
  #davcontainer {
      background-color: lightgreen;
  }
  body {
      background-color: lightpink;
  }
*/
}
@media screen and (min-width: 1000px) {
/*
  #davcontainer {
    background-color: lightblue;
  }
  body {
    background-color: red;
  }
*/

/*
  article {
    clear: none;
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
  }
  .teaserText {
    display: inline;
    width: inherit;
  }
*/
}