@font-face {
      font-family: 'fontello';
      src: url('./font/fontello.eot?9852034');
      src: url('./font/fontello.eot?9852034#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?9852034') format('woff'),
           url('./font/fontello.ttf?9852034') format('truetype'),
           url('./font/fontello.svg?9852034#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }

   @font-face {
  font-family: 'icomoon';
  src:  url('./fonts/icomoon.eot?lp28ph');
  src:  url('./font/icomoon.eot?lp28ph#iefix') format('embedded-opentype'),
    url('./font/icomoon.ttf?lp28ph') format('truetype'),
    url('./font/icomoon.woff?lp28ph') format('woff'),
    url('./font/icomoon.svg?lp28ph#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


    div#main {
    float: left; width: 100%; text-align: center; margin: 0; padding: 0;
}
main #main {
    padding: 0 !important;
}

div#main div#content {
    margin: 0 auto; width: 100%; max-width: 1260px; text-align: left;
}
div.content1 {
    float: left; width: 100%; margin: 0; padding: 0;
}

div#main div#content .inhalt { float: left; width: 100%; padding: 0;}

div#main div#content .inhalt .blogcategory, #vsuchergebnis {
    display: flex; width: 100%; flex-wrap: wrap;
}
.teaserbox {
    width: 30.33%; margin: 20px 1.5%; float: left; height: auto; padding: 0;  background-color: rgb(226, 226, 226);
}
.teaserbox .ti {
    float: left; width: 100%; padding:10px 20px; box-sizing: border-box;
}
.teaserbox.sg {
    display: none !important;
}

.teaserbox h2, .teaserbox h2 a, .teaserbox p.viti {
   color: rgb(102, 102, 102) !important; font-size: 1.0em !important;  font-weight: 400 !important; line-height: 1.5em;
}

.videobox h2, .videobox h2 a, .teaserbox p.viti a {
   color: rgb(102, 102, 102) !important; font-size: 1.0em !important;  font-weight: 400 !important; line-height: 1.5em;
}
.videobox h2 {
    padding: 0 20px; margin: 20px 0;
}

.pagination {
  display: block !important;  float: left; width: 98%; margin: 20px 1%; text-align: center; padding: 10px 0; border-top: 1px solid #ddd;
}
.pagination h2 { display: none;}
.pagination a {
    display: inline-block; padding: 3px; margin: 5px;
}
.pagination span.current {
    display: inline-block; padding: 3px; margin: 5px; font-weight: bold;
}
.pagination a.prev::before {
 display: inline-block; padding: 0 10px 0 0;
  text-decoration: none;font-family: 'fontello';
  content: "\e801"; line-height: 20px;
 }
.pagination a.next::after {
 display: inline-block; padding: 0 0 0 10px;
  text-decoration: none;font-family: 'fontello';
  content: "\e802"; line-height: 20px;
 }

 .videoholder {
   width: 100%; float: left;
}
#videoplayer, .videoplayer, .videoholder {
    width: 100%;
    height: auto;
    min-height:500px;

}
.videotext {
    float: left; width: 98%; margin: 20px 1%; line-height: 1.5em;
}

h1.vtitle {
  float: left;
  margin: 0;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.6em;
  width: 100%;
  background: #3b4044;
}

.sharing {
    float: left; width: 100%;margin: 20px 0;
}
.sharing a {
    display: block; float: left; width: 25%; padding: 20px; box-sizing: border-box; text-align: center;
}
.sharing a:hover {
    background: rgb(43, 49, 60); color: #fff;
}

a.fbslink { background: #3b5998; color: #fff; }
a.fbslink::before {
 display: inline-block; padding: 0 10px 0 0;
  font-family: 'fontello';
  text-decoration: none; font-size: 1.2em;
  content: "\f09a"; color: #fff;
}
a.twslink { background: #000; color: #fff; }
a.twslink::before {
 display: inline-block; padding: 0 10px 0 0;
  font-family: 'icomoon';
  text-decoration: none; font-size: 1.2em;
  content: "\e902"; color: #fff;
}
a.emailempfehlung { background: #666a6d; color: #fff; }

a.emailempfehlung::before {
 display: inline-block; padding: 0 10px 0 0;
  font-family: 'fontello';
  text-decoration: none; font-size: 1.2em;
  content: "\f0e0"; color: #fff;
}

a.eblink { background: #969a9d; color: #fff; }
a.eblink::before {
 display: inline-block; padding: 0 10px 0 0;
  font-family: 'fontello';
  text-decoration: none; font-size: 1.2em;
  content: "\e800"; color: #fff;
}
#einbetten {
    float: left; width: 100%; padding: 20px; box-sizing: border-box; background: #fff; display: none;
}
#einbetten label {
    float: left; width: 100%; margin: 10px 0 0;
}
#einbetten input {
    width: 100%; box-sizing: border-box; background: #fff;
}
#einbetten textarea {
    width: 100%; height: 70px; box-sizing: border-box;  background: #fff;
}

.videoJumper {
    font-weight: bold; cursor: pointer;
}


.backl, .weiterlink {
    float: left; width: 100%; margin: 10px 0; text-align: center;
}
.backl a,  .weiterlink a {
    display: inline-block; padding: 10px 25px; background: rgb(43, 49, 60);
  border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.backl a:hover, .weiterlink a:hover {
    background: #f2dd23; color: #333;
}

.videosuche {
    float: left; width: 100%; background: #fff; padding: 20px; box-sizing: border-box;
}
.videosuche div.sc {
    float: left; width: 100%; margin: 5px 0;
}
.videosuche div.sc label {
    float: left; width: 100%; margin: 0 0 5px;
}
.videosuche input, .videosuche select {
    width: 100%;
}
.videosuche input#vsuchsubmit {
  background: #f2dd23; color: rgb(59, 66, 81); border: 0; padding: 13px; font-size: 14px; font-weight: bold;  letter-spacing: 1px;
}
.videosuche input#vsuchsubmit:hover {
    background: rgb(226, 226, 226);
}

.loader {
    text-align: center; padding: 20px 0; width: 100%;
}
.loader div { display: inline-block; border:5px solid #3b4044; border-top:5px solid #f2dd23; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite;}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


@media only screen and (min-width:680px) {
.videosuche div.sc label { height: 20px; }
.videosuche div#sc1 { width: 40%; margin-right: 5%;}
.videosuche div#sc2 { width: 20%; margin-right: 5%;}
.videosuche div#sc3 { width: 20%; padding-top: 25px; }
}
@media only screen and (max-width:680px) {
.home .videosuche #sc2, .home .videosuche #sc3 {
    display: none;
}
.home .videosuche {
    position: relative; margin-top: -50px;
}
.home .videosuche label {
    position: absolute; top: 10px; left: 30px; background: #fff; display: inline-block; width: auto !important;
}

}

@media only screen and (max-width:780px) {

.teaserbox {
    width: 48%; margin: 10px 1%;
}
#videoplayer, .videoplayer, .videoholder {
    min-height:150px;
}
h1.vtitle {
  padding: 10px 20px;
  font-size: 1.2em;
}
.sharing a {width:50%; padding: 10px;}


}

@media only screen and (max-width:460px) {

.teaserbox {
    width: 100%; margin: 5px 0;
}
.sharing a {width:100%;}
}