/*
 * Terrogruppe CSS
 * Copyright: anti-design.com GmbH & Co. KG
 * Author: Nils Lorenz
 * Version: $Id: terrorgruppe.css 17168 2019-12-12 08:23:36Z lars $
 */

* {
  margin: 0;
  padding: 0;
}

body {
  background: #D15FEE;
  font-family: 'Anton', sans-serif;
  font-size: 12px;
  text-align: center;
}

a {
  color: #000;
}

.topmargin {
  margin: 5px 0 0;
}

header, section.content, footer {
  margin: 10px auto;
  max-width: 900px;
  overflow: hidden;
  position: relative;
  width: 90%;
}

header a.subscribe {
  float: right;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

section.content {
  max-width: 915px;
  width: 91%;
}

header h1 img {
  width: 100%;
}

h1 strong {
  display: none;
}

h2 {
  background: #D15FEE;
  font-family: Bevan, sans-serif;
  font-size: 22px;
  font-weight: normal;
  text-transform: uppercase;
}

#cboxLoadedContent h2 {
  background: transparent;
}

.box {
  background: #D15FEE;
  border: 2px solid #000;
  height: 166px;
  margin: 0 0 15px 15px;
  overflow: hidden;
  padding: 10px;
  text-align: left;
  width: 266px;
}

.box .hide-zoomed {
  display: block;
}

.box .show-zoomed {
  display: none;
}

.box.bilderterror {
  background: url(/_resources/themes/terrorgruppe/images/instagram.png) top left no-repeat;
}

.box.terrorkommerz {
  background: url(/_resources/themes/terrorgruppe/images/terrorkommerz.png) bottom left no-repeat;
}

.box.terror-player {
  background: url(/_resources/themes/terrorgruppe/images/simfy.png) bottom left no-repeat;
}

.box.terrorkommerz a {
  background: #D15FEE;
  font-size: 15px;
}

.box a.more {
  background: #D15FEE;
  bottom: 10px;
  border: 2px solid #000;
  font-family: Bevan, sans-serif;
  font-size: 14px;
  left: 10px;
  padding: 3px;
  position: absolute;
  text-decoration: none;
  text-transform: uppercase;
}

.box a.fulllink {
  display: block;
  height: 166px;
  width: 266px;
}

.box a.fulllink strong {
  display: none;
}

.full {
  background: #fff;
  border: 0 none;
  height: auto;
  width: 900px;
}

iframe {
  height: 110px;
  width: 100%;
}

iframe#videohome {
  height: 120px;
}

iframe#video {
  height: 450px;
  width: 800px;
}

footer nav ul li {
  float: right;
  font-size: 12px;
  list-style: none;
  margin: 0 0 0 5px;
}

/* Desktop */
@media (min-device-width: 1000px) {
  /*
  .box.zoom a.more {
    display: none;
  }
  
  .box.zoomed a.more, 
  .box.zoomed .show-zoomed {
    display: block;
  }

  .box.zoomed .hide-zoomed {
    display: none;
  }

  .box.zoom:hover iframe#videohome {
    height: 460px;
  }
  */
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
  .box {
    margin: 0 0 15px;
  }

  .full {
    background: #D15FEE;
    width: 266px;
  }
  
  iframe#video {
    height: 266px;
    width: 266px;
  }
  
  section.content > img {
    max-width: 256px;
  }
}

/* iPhone Landscape */
@media screen and (max-device-width: 640px) and (orientation:landscape) {
  .box,
  .full {
    background: #D15FEE;
    margin: 0 0 15px;
    width: 420px;
  }
  
  iframe#video {
    height: 420px;
    width: 420px;
  }
  
  section.content > img {
    max-width: 410px;
  }
}

/* Isotope */
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

#cboxClose {
  font-size: 20px;
  font-weight: bold;
}