/*  Theater up platt
  content css
  (C) 2014 ConfidIT
  Schnaarsweg 8
  D-28865 Lilienthal
*/

/*  grid layout formatting starts      */



.columngroup
{
  display        : block;
  overflow      : hidden;
  margin-bottom    : 5px;
  width        : 100%;
  clear        : both;
}


.column
{
  float        : left;
  margin-left      : 2%;
  min-height      : 1px;
}

.column:first-child
{
  margin-left  : 0px;
}

.one-col-wide
{
  width        : 6.5%;
}

.two-col-wide
{
  width        : 15%;
}

.three-col-wide
{
  width        : 23.5%;
}

.four-col-wide
{
  width        : 32%;
}

.five-col-wide
{
  width        : 40.5%;
}

.six-col-wide
{
/*
  width        : 49%;
*/

  width        : 100%;
  margin-left  : 0px;
}

.seven-col-wide
{
  width        : 57.5%;
}

.eight-col-wide
{
  width        : 66%;
}

.nine-col-wide
{
  width        : 74.5%;
}

.ten-col-wide
{
  width        : 83%;
}

.eleven-col-wide
{
  width        :  91.5%;
}

.twelve-col-wide
{
  width        : 100%;
}

.contentwrap.w320to479 .column.six-col-wide, .contentwrap.w480to639 .column.six-col-wide, .contentwrap.w640to799 .column.six-col-wide, .contentwrap.w800to1023 .column.six-col-wide
{
  width        : 49%;
  float        : left;
}

.contentwrap.w319less .column, .contentwrap.w320to479 .column , .contentwrap.w480to639 .column, .contentwrap.w640to799 .column
{
  width        : 100%!important;
  margin-left      : 0px;
}

.column .w640to799 h3, .column .w800to1023 h3, .column .w1024to1279 h3,
.column .w1280to1919 h3, .column .w1920to2047 h3, .column .w2048plus h3
{
  text-align      : right;
}

/*
.contentwrap.w320to479 .column.six-col-wide:last-child .columncontent, .contentwrap.w480to639 .column.six-col-wide:last-child .columncontent,
.contentwrap.w640to799 .column.six-col-wide:last-child .columncontent, .contentwrap.w800to1023 .column.six-col-wide:last-child .columncontent
{
  float        : right;
}
*/


.column.six-col-wide:nth-child(odd)
{
  margin-left      : 0px;
}

/*  grid layout formatting ends        */


#backdrop #backgroundcaption
{
  margin-top      : 500px;
  font-size      : 8em;
  font-weight      : bold;
  text-transform    : uppercase;
  color        : rgb(255,255,255);
  text-align      : center;
}

h1, h2, h3, h4
{
  
}

.page h1
{
  font-size      : 6em;
  font-weight      : bold;
  letter-spacing    : 1px;
  word-spacing    : 2px;
  text-align      : center;
}

.page h2
{
  margin-top      : 1em;
  font-size      : 3em;
  font-weight      : bold;
  text-align      : left;
}

.page h3
{
  margin-top      : 1.5em;
  font-size      : 2em;
  line-height      : 1.5em;
  font-weight      : bold;
  text-align      : left;
}

.page .w319less h1, .page .w320to479 h1, .page .w480to639  h1,
.page .w319less h2, .page .w320to479 h2, .page .w480to639  h2,
.page .w319less h3, .page .w320to479 h3, .page .w480to639 h3
{
  text-align      : center;
}

.page a
{
  color        : rgb(230,230,230);
}

.page a:hover
{
  text-decoration    : underline;
}

.column p
{
  font-size      : 1.8em;
  line-height      : 1.6em;
  margin-top      : 1.2em;
  margin-bottom    : 1em;
  color        : rgb(140,140,140);
}


.play_details ul
{
  font-size      : 1.6em;
  line-height      : 1.6em;
  margin-top      : 1.5em;
  margin-bottom    : 1em;
}

.play_details ul li
{
  margin-left      : 1.5em;
}

.column p em
{
  font-weight      : bold;
  font-style      : normal;
}

.align-right
{
  text-align      : right;
}

.align-left
{
  text-align      : left;
}

.align-center
{
  text-align      : center;
}

.align-justify
{
  text-align      : justify;
}

/*  index menu formatting starts    */

.index
{
  display        : block;
  clear        : both;
  margin-top      : -80px;
  margin-bottom    : 110px;
}

.index ul.menu li.activelink,
.index ul.menu.level1 li
{
  display        : block;
  float        : left;
  margin-right    : 30px;
  padding-right    : 5px;
}

.index ul.menu.level1 li a
{
  color        : rgb(150,150,150);
  font-size      : 2.5em;
  letter-spacing    : 0px;
  word-spacing    : 0px;
  font-weight      : 350;
  font-style      : italic;
}

.index ul.menu.level1 li a:hover
{
  color        : rgb(50,50,50);
  text-decoration    : none;
}

/*  index menu formatting ends      */

/*  page content formatting starts    */

.spotlight
{
  position      : relative;
  display        : block;
  width        : 340px;
  height        : 340px;
  margin-left      : auto;
  margin-right    : auto;
  margin-bottom    : 100px;
}

.spotlight img
{
  position      : absolute;
  top          : 0px;
  left        : 0px;
  width        : 100%;
}

.spotlight h1
{
  font-weight      : 400;
  font-style      : italic;
  color        : rgb(255,255,255);
  opacity        : 0.7;
  filter        : alpha(opacity=70);
  padding-top      : 70px;
}

.spotlight h2
{
  font-weight      : 400;
  font-style      : italic;
  color        : rgb(255,255,255);
  opacity        : 0.7;
  filter        : alpha(opacity=70);
  text-align      : center;
  margin-top      : 0.2em;
}

body#page_5 .spotlight h1
{
  padding-top      : 85px;
}

body#page_6 .spotlight h1
{
  padding-top      : 90px;
}

body#page_7 .spotlight#dtver h1
{
  padding-top      : 60px;
}

body#page_7 .spotlight#koehler 
{
  margin-top      : 120px;
}

body#page_7 .spotlight#koehler h1
{
  padding-top      : 60px;
}

body#page_7 .spotlight#mahnke 
{
  margin-top      : 120px;
}

body#page_7 .spotlight#mahnke h1
{
  padding-top      : 60px;
}

body#page_7 .spotlight#plausus 
{
  margin-top      : 120px;
}

body#page_7 .spotlight#plausus h1
{
  padding-top      : 60px;
}

body#page_7 .spotlight#reinehr
{
  margin-top      : 120px;
}

body#page_7 .spotlight#reinehr h1
{
  padding-top      : 90px;
}

body#page_7 .spotlight#vvb
{
  margin-top      : 120px;
}

body#page_7 .spotlight#vvb h1
{
  padding-top      : 110px;
}


.column h1
{
  color        : rgb(215,215,215);
  font-style      : italic;
  padding-top      : 85px;
  filter        : alpha(opacity=45);
  -moz-opacity    : 0.45;
  opacity        : 0.45;
  font-weight      : 400;
  overflow      : show;
}

.column h2
{
  color        : rgb(180,180,180);
}

.column h3
{
  color        : rgb(180,180,180);
  margin-top      : 0.3em;
}

.column h4
{
  font-size      : 1.4em;
  margin-top      : 0.5em;
}

.play_summary
{
  padding-top      : 15px;
  padding-bottom    : 15px;
  padding-left    : 45px;
  padding-right    : 45px;
  margin-bottom    : 45px;
  background-image  : url('../images/allpages/background_oldpaper03.jpg');
  background-repeat  : repeat;
  overflow      : hidden;
}

.play_summary h2
{
  background-image  : url('../images/allpages/theater_borduere01.png');
  background-repeat  : repeat-x;
  background-position  : top center;
  margin-top      : 0px;
  padding-top      : 40px;
  font-weight      : 400;
  font-style      : italic;
  text-align      : center;
}

.play_summary h2 a
{
  color        : rgb(138,19,19);
}

.play_summary h3
{
  font-weight      : 400;
  color        : rgb(126,17,17);
  padding-bottom    : 50px;
  background-image  : url('../images/allpages/theater_ornament01.png');
  background-repeat  : no-repeat;
  background-position  : bottom center;
  text-align      : center;
}

.play_summary img.left
{
  margin-top      : 10px;
  margin-right    : 25px;
  margin-bottom    : 10px;
}

.play_summary p
{
  margin-top      : 1em;
  margin-bottom    : 0.5em;
  color        : rgb(110,4,4);
}

.play_summary p:last-child, .play_details p:last-child
{
  background-image  : url('../images/allpages/theater_ornament01.png');
  background-repeat  : no-repeat;
  background-position  : bottom center;
  padding-bottom    : 80px;
}

.page .play_summary p a, .page .play_details p a
{
  color        : rgb(100,100,100);
}

.page .play_summary p a:hover, .page .play_details p a:hover
{
  color        : rgb(70,70,70);
}

span.infotitel
{
  display        : block;
  float        : left;
  /*
  width        : 40%;
  */
  width        : 18%;
  font-weight      : bold;
  font-size      : 0.9em;
}

span.infotext
{
  display        : block;
  float        : right;
  width        : 80%;
  font-size      : 0.9em;
}

span.infoclear
{
  display        : block;
  clear        : both;
}

.play_details
{
  width        : 80%;
  background-image  : url('../images/allpages/background_oldpaper03.jpg');
  background-repeat  : repeat;
  padding-top      : 6%;
  padding-bottom    : 80px;
  padding-left    : 9%;
  padding-right    : 9%;
  margin-bottom    : 40px;
}

.play_details h1
{
  font-size      : 4em;
  color        : rgb(126,17,17);
  letter-spacing    : 1px;
  margin-bottom    : 0.5em;
  background-image  : url('../images/allpages/theater_borduere01.png');
  background-repeat  : repeat-x;
  background-position  : top center;
  margin-top      : 0px;
  padding-top      : 40px;
  font-weight      : 400;
  font-style      : italic;
  text-align      : center;
}

.play_details h2
{
  font-size      : 3em;
  text-align      : center;
  margin-top      : 0px;
  margin-bottom    : 0.5em;
  font-weight      : 400;
  color        : rgb(126,17,17);
  padding-bottom    : 50px;
  background-image  : url('../images/allpages/theater_ornament01.png');
  background-repeat  : no-repeat;
  background-position  : bottom center;
  text-align      : center;
}

.play_details h3
{
  font-weight      : 400;
  text-align      : center;
}

.play_details h4
{
  font-size      : 2.5em;
  text-align      : left;
  font-weight      : 400;
  margin-top      : 1.5em;
  margin-bottom    : 0.5em;
}

.play_details h4 a
{
  color        : rgb(100,10,10);
}

.play_details h4 a:hover
{
  color        : rgb(150,30,30);
}

.play_details h5
{
  font-size      : 2em;
  text-align      : left;
  font-weight      : 400;
  margin-top      : 1.5em;
  margin-bottom    : 0.5em;
}

.play_details p
{
  font-size      : 1.8em;
  line-height      : 1.3em;
  margin-bottom    : 0.5em!important;
}

.play_details .csc-header
{
  margin-top      : 1.5em;
}

.play_details p.infoblock
{
  clear        : both;
}

.textimage
{
  margin-top      : 3em;
  margin-bottom    : 1em;
  padding        : 20px;
  background-color  : rgb(255,255,255);
}

.csc-textpic-image
{
  padding        : 10px;
  background-color  : rgb(255,255,255);
}

.textimage img
{
  width        : 100%;
}

body#page_8 p, body#page_95 p
{
  color        : rgb(255,255,255);
  opacity        : 0.7;
  filter        : alpha(opacity=70);
  font-style      : italic;
  font-size      : 2em;
  margin-bottom    : 0px;
}

body#page_8 h2, body#page_95 h2
{
  font-size      : 3em;
  margin-top      : 0px;
  margin-bottom    : 0.5em;
  font-weight      : 400;
  color        : rgb(255,255,255);
  opacity        : 0.7;
  filter        : alpha(opacity=70);
}

/*  page ontent formatting ends        */

/*  mailform formatting starts        */

div.Tx-Formhandler
{

}

div.Tx-Formhandler form table.mailformpart
{
  margin-bottom    : 2em;
}

div.Tx-Formhandler .mailformelement, div.Tx-Formhandler form table.mailformpart tbody tr td.field textarea.mailformelement
{
  width        : 98%; 
  border        : 1px solid rgb(230,230,230);
  vertical-align    : middle;
  font-family      : 'Source Sans Pro', sans-serif;
  font-size      : 1.5em;
  color        : rgb(255,255,255);
  font-weight      : bold;
  background-color  : transparent;
}


div.Tx-Formhandler .mailformbutton
{
  border        : 1px solid (230,230,230);
  vertical-align    : middle;
  margin-bottom    : 25px;
}

div.Tx-Formhandler td
{
  color        : rgb(255,255,255);
  opacity        : 0.7;
  filter        : alpha(opacity=70);
}

div.Tx-Formhandler td.caption
{
  width        : 100%;
  font-weight      : 400;
  margin-top      : 1em;
  font-size      : 1.8em;
}

div.Tx-Formhandler td.label
{
  width        : 50%;
  font-size      : 1.6em;
  line-height      : 1.2em;
  font-style      : italic;
  margin-bottom    : 0px;
}

div.Tx-Formhandler td.field
{
  width        : 50%;
}

div.Tx-Formhandler form table.mailformpart tbody tr td a
{
  display        : block;
  margin-top      : 0.5em;
}

div.Tx-Formhandler form table.mailformpart tbody tr td a span.validationerror
{
  font-size      : 1.6em;
  line-height      : 1.2em;
  color        : rgb(255,255,255);
}

/*  mailform formatting ends          */


/*  page content formatting ende    */


.datenschutz {
    min-height: 100vh;
    justify-content: center;
    text-align: left;
    font-size: 20px;
}

.datenschutz-card {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.datenschutz-beschreibung {
    padding: 100px 50px;
    background: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    border-radius: 30px;
}

.datenschutz-beschreibung h1 {
    padding-bottom: 20px;
    padding-top: 30px;
    font-size: 2.0736em;
    text-align: left;
}

.datenschutz-beschreibung h2{
    font-size: 1.44em;
}

.datenschutz-beschreibung h3{
    padding-top: 30px;
    font-size: 1.2em;
}

.datenschutz-beschreibung div{
    padding-bottom: 40px;
}

.datenschutz-beschreibung p {
    padding: 5px 0;
}

.datenschutz-beschreibung a{
    text-decoration: none;
    color: rgb(60,0,0);
}

.datenschutz-beschreibung a:hover{
    text-decoration: underline;
}

.datenschutz-beschreibung ul{
    padding: 0 0 0 20px;
}

.datenschutz-beschreibung .form-btn {
  font-size: 20px;
  padding: 10px;
  margin-top: 20px;
}