/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* signika-300 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/signika-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Signika Light'), local('Signika-Light'),
       url('fonts/signika-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/signika-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/signika-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/signika-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/signika-v8-latin-300.svg#Signika') format('svg'); /* Legacy iOS */
}
/* signika-regular - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/signika-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Signika Regular'), local('Signika-Regular'),
       url('fonts/signika-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/signika-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/signika-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/signika-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/signika-v8-latin-regular.svg#Signika') format('svg'); /* Legacy iOS */
}
/* signika-600 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/signika-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Signika SemiBold'), local('Signika-SemiBold'),
       url('fonts/signika-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/signika-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/signika-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/signika-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/signika-v8-latin-600.svg#Signika') format('svg'); /* Legacy iOS */
}
/* signika-700 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/signika-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Signika Bold'), local('Signika-Bold'),
       url('fonts/signika-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/signika-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/signika-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/signika-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/signika-v8-latin-700.svg#Signika') format('svg'); /* Legacy iOS */
}


html {
  /*background: url(../../../uploads/tx_frsupersized/Schloss-Hohenschwangau-im-Winter_1.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  background-color:#fff;
}

  @media screen and (min-width: 981px){

    .topfixed_nav {
      position:fixed !important; top:0;background-color:#003366;
    }
    .topfixed_logo{
      position:fixed !important; top:35px !important;width:50px !important;
    }
    .myclass img, embed, object, video {
      /*max-width: 100%;*/
      height: auto;
      width: 100%;
    }

}

.news-single-item table{
  font-size:1.3em;
  line-height:1.3em;
  font-family: 'Signika', sans-serif;
}

.news-single-item .csc-frame-frame1{
background:#eeeeee;
border:1px solid red;
padding:10px;
}

    .pancontent{
      width: 100%;
      height: 273px;
      overflow: hidden;
    }

    .pancontent img{
      opacity: 0;
      transition: opacity .6s linear .8s;
      width:1267px !important;
      height:273px !important;
      max-width:1267px;

    }

    .pancontent img.loaded{ opacity: 1; }

    .img-pan-container, .img-pan-container img{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    .img-pan-container{
      position: relative;
      overflow: hidden;
      cursor: pointer;
      height: 100%;
      width: 100%;
    }

    .img-pan-container img{
      -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);
      position: absolute;
      top: 0;
      left: 0;
    }









  /* Site-wide properties ======================================================== */
  body{
      font: normal normal 0.7em/0.7em Signika, Signika, Tahoma, Arial, Helvetica, Verdana, sans-serif; color: #333; line-height:1.3em; font-weight:300;}


/*RTE      */
    p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
    p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
    p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
    p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

    /* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
    p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
    p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

    /* Bullet styles for unordered lists.*/
    ul.component-items { color: #186900; list-style-type: circle; }
    ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

    /* Numbering styles for ordered lists.*/
    ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
    ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

    /* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
    span.important { color: #8A0020; }
    span.name-of-person { color: #10007B; }
    span.detail { color: #186900; }

    /* Selectors for the default configuration of the link accessibity feature.*/
    a.external-link {}
    a.external-link-new-window {}
    a.internal-link {}
    a.internal-link-new-window {}
    a.download {}
    a.mail {}

/*Quickfinder*/
.ui-datepicker-div {display:none;}
.ui-datepicker-trigger {cursor:pointer; height:25px !important; width:25px !important; position: relative; top: 6px;}
#qfinder_wrapper h2 {margin-bottom:20px;}

#qfinder_wrapper {margin-top:10px; overflow:visible;padding-top:20px !important;padding-bottom:30px;background-color:rgba(255,255,255,.85)}
  .qcol_1 {width:42% !important;}
  .qcol_2 {width:27% !important;}
  .qcol_3 {width:27% !important;}
.qty {
    width: 40px;
    height: 24px;
    text-align: center;
  font-weigh:bold;
  font-size:150%;
}
.qtyplus { width:28px; height:28px;font-weight:bold;font-size:150%;}
.qtyminus { width:28px; height:28px;font-weight:bold;font-size:150%;}

#quantity {font-weight:bold;font-size:135%;}

#qfinderarrivaldate {width:100px; height:18px;padding:2px; font-weight:bold; font-size:150%;}
#qfinderdeparturedate{width:100px;height:18px; padding:2px; font-weight:bold;font-size:150%;}

#label_qfa, #label_qfd {display:block; font-weight:bold;font-size:125%;}
#label_quantity {display:block;font-weight:bold; margin-bottom:6px;font-size:125%;}

#qfs{padding:15px 15px; background:#003366; border:0 none;cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; color:#ffffff;font-weight:bold; font-size:135%; margin-top:8px;}

.qf_wrap_arr {float:left; display:block;}
.qf_wrap_dep {float:right; display:block;}

.qfind_adv {text-align:right;}

  @media screen and (max-width: 1440px){
    #qfinder_wrapper {overflow:visible;padding-top:20px !important;padding-bottom:30px;background-image:url(images/bg_quickfinder.jpg);background-repeat:no-repeat;}
    #quantity {font-weight:bold}
    #qfinderarrivaldate {width:70px; height:16px;padding:2px; font-weight:bold;font-size:120%;}
    #qfinderdeparturedate{width:70px;height:16px;padding:2px; font-weight:bold;font-size:120%;}
    #label_qfa, #label_qfd {display:block; font-weight:bold;font-size:110%;}
    #label_quantity {display:block;font-weight:bold; margin-bottom:4px;font-size:110%;}
    .ui-datepicker-trigger {cursor:pointer; height:19px !important; width:19px !important; position: relative; top: 4px;}
    #qfs{padding:15px 15px; background:#003366; border:0 none;cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; color:#ffffff;font-weight:bold; font-size:110%;}
    .qty {
      width: 40px;
      height: 20px;
      text-align: center;
      font-weigh:bold;
      font-size:120%;
    }
    .qtyplus { width:24px; height:24px;font-weight:bold;font-size:120%;}
    .qtyminus { width:24px; height:24px;font-weight:bold;font-size:120%;}

}
  @media screen and (max-width: 980px){
    #qfinder_wrapper {margin-top:0;overflow:visible;padding-top:20px !important;padding-bottom:30px;background-image:url(images/bg_quickfinder.jpg);background-repeat:no-repeat;}
    #qfinder_wrapper h2 {margin-bottom:10px;}
    .qcol_1 {width:100% !important;}
    .qcol_2 {width:100% !important;}
    .qcol_3 {width:100% !important; text-align:center !important; margin-top:20px !important;}
    .qfind_adv {text-align:center;}
      #qfinder_wrapper {overflow:visible;padding-top:20px !important;padding-bottom:30px;background-image:url(images/bg_quickfinder.jpg);background-repeat:no-repeat;}
      #quantity {font-weight:bold}
      #qfinderarrivaldate {width:100px; height:18px;padding:2px; font-weight:bold;font-size:150%;}
      #qfinderdeparturedate{width:100px;height:18px;padding:2px; font-weight:bold;font-size:150%;}
      #label_qfa, #label_qfd {display:block; font-weight:bold;font-size:135%;}
      #label_quantity {display:block;font-weight:bold; margin-bottom:4px;font-size:135%; margin-top:20px;}
      .ui-datepicker-trigger {cursor:pointer; height:25px !important; width:25px !important; position: relative; top: 6px;}
      #qfs{padding:15px 15px; background:#003366; border:0 none;cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; color:#ffffff;font-weight:bold; font-size:150%;}

    .qf_wrap_arr {float:none; width:100%;text-align:center;}
    .qf_wrap_dep {float:none;width:100%;text-align:center; margin-top:20px;}

    .qty {
      width: 40px;
      height: 24px;
      text-align: center;
      font-weigh:bold;
      font-size:150%;
    }
    .qtyplus { width:28px; height:28px;font-weight:bold;font-size:150%;}
    .qtyminus { width:28px; height:28px;font-weight:bold;font-size:150%;}

  }


    /* Default selector for indentation.*/
    div.indent { margin-left: 2em; }

      .nameofclass{background-color:rgba(0,26,52,0.1); }
      .nameofclass:hover { background-color:rgba(0,26,52,0.8);}

    .redbg {background-color:#ff0000;}
    .greenbg {background-color:#00ff00;}
    .yellowbg {background-color:#ffff00;}


      a.nameofclass{background-color:rgba(0,26,52,0.1); color:#036 !important; padding:5%; width:90%; display:block; text-align:center;-webkit-border-radius: 5px;moz-border-radius: 5px;
border-radius: 5px;}
      a.nameofclass:hover { color:#ffd800 !important; background-color:rgba(0,26,52,0.7);padding:5%; width:90%; display:block; text-align:center;}

    .csc-textpic img {border-radius:5px;}
    #news-list-container img, #news-list-evt-container img {border-radius:5px;}

  #c236 h2 {background-image:url('images/tourist-information-schwangau.png'); background-repeat:no-repeat; background-size:35px 35px; background-position:98% center;}

  #c244 h2 {background-image:url('images/wappen-gemeinde-schwangau.png'); background-repeat:no-repeat; background-size:35px 35px; background-position:98% center;}

.dw-map img {width:auto; max-width:auto !important;}

      /* Fibonacci based heading scale ratio */
      /*nav{ font-size: 1.6em; font-weight: bold; font-family: 'Signika', serif; }*/
      h1{ font-size: 2.7em; font-family: 'Signika', serif; padding: 7px 0 15px; line-height: 1.2em;font-weight:bold;color:#003366;}
      h2{ color:#003366; font-size: 1.7em; font-family: 'Signika', serif; padding: 3px 0 10px; line-height: 1.2em; /*text-shadow: 0px 0px 15px #336699;*/}
      h3 { font-family: 'Signika', sans-serif; font-size: 1.7em; padding: 2px 0 15px; line-height: 1.2em; }
      h4{ font-size: 1.6em; font-weight: bold; font-family: 'Signika', sans-serif; padding-bottom: 10px; line-height: 1.4em;color: #333; }
      #footerbox h4, #footerbox h2 {color: #eee;}

    /*li {font-size:1.3em;}*/

    .csc-textpic-text ul{margin-top:-15px;margin-bottom:15px;}
    .csc-textpic-text li {margin-left:20px; font-size:1.3em;list-style-type:disc;line-height:1.3em}

    .aufzaehlung li {margin-left:20px; font-size:1.3em;list-style-type:disc;line-height:1.3em;font-family: Signika, Signika, Tahoma, Arial, Helvetica, Verdana, sans-serif; }
    .numliste li {margin-left:20px; font-size:1.3em;list-style-type:decimal;line-height:1.3em}


    .error-list {font-size: 200%;
      list-style-type: none;
      font-weight: 900;
      line-height: 150%;
      color: red;
      margin-left: 20px;
    }


    /*#news-list-container li p {font-size:1.3em;font-weight:normal;line-height:1.3em; }*/
      p { font-size: 1.3em; /*font-weight: normal;*/ font-family: 'Signika', sans-serif; line-height: 1.3em; padding-bottom: 25px; list-style-type: none; }
      p + p { margin-top: -15px; }



      .myclass>#content a{ color: rgba(0,26,52,0.8); font-weight: 600; text-decoration:none; outline:0;}
      .myclass>#content a:hover { color: rgba(0,26,52,1); }


    .flex-caption a { color:#99ccff; font-weight: bold; text-decoration:none; }
    .flex-caption a:hover { color:#ffffff; font-weight: bold; text-decoration:none; }

      /*#content li { font-family: 'Signika',sans-serif; font-weight: normal; list-style-type: inherit; margin-left: 2%;}
      #content .anythingSlider li { font-family: 'Signika',sans-serif; font-weight: normal; list-style-type: inherit; margin-left: 0%;}*/
    .anythingSlider-minimalist-round {padding:0;}
    .anythingSlider p {margin-left:10px;margin-right:10px; font-size:1.25em;line-height:1.2em;}
    .anythingSlider h2 {margin-left:10px;margin-right:10px;}

    #slider .anythingSlider-default .arrow {top: 40%}
    /*#slider .ce20 .anythingSliderOuter {background-color:rgba(255,255,255,0.7);}*/
    #slider .ce20 .anythingSlider-default .arrow {top: 20%}


    .news-list-date {margin-bottom:10px;}
    .news-list-gotoarchive {margin-top:10px;/*background-image: url("../img/rand_gold.png");*/  background-position: 80% 0;background-repeat: no-repeat;}
    .news-list-gotoarchive p{ }
    .news-list-item img {float:right; max-height:200px; margin-left: 20px; width:auto;}
    .news-search-form {float:right;}
    .news-search-emptyMsg {visibility:hidden;}
    #expand{float:right;}


    footer a { color: rgba(255,255,255,0.75);  font-family: 'Signika', sans-serif; font-weight: bold; line-height: 1.5em; text-decoration: none;  }
      footer a:hover { color: white; }
         footer li{ font-size: 1.3em; font-weight: normal; font-family: 'Signika', sans-serif; line-height: 1.5em; list-style-type: none; }
    #news-list-container {background-color:rgba(0,51,102,0.1);border-radius:5px;}
    #news-list-evt-container {background-color:rgba(0,51,102,0.1); padding-top:10px; border-radius:5px;}
    .news-amenu-container  li a{display:block;padding:5px;background-color:rgba(0,51,102,.1);}
    .news-amenu-container  li{list-style-type:none; margin-bottom:5px;}


  .ac_results {margin-right:20px;}


/*#webcam img {width:auto;}    */

#c1707 {display:none;}

.ce20 figcaption {display:none;}

  .ihr-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .ihr-video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; }

sup {
  font-size: 60%;
  vertical-align: super;
  }

.news-single-item img {width:auto;}


.tx-indexedsearch-icon img {width:auto;}
.tx-indexedsearch-info {display:none;}

.tx-ketroubletickets-pi1 img {width:auto;}
.kett_lvrow_headline_title {font-size:150%;}
/*.tx-ketroubletickets-pi1 *{font-size:200%;} */

  /* Reusable classes ============================================================ */

  /* Left & Right alignment */
  .left{ float: left; }
  .right{ float: right; }

  /* The inside class provides consistent padding. To be used often! */
  .inside{ padding: 2%; }

  /* Basic Structure ============================================================= */

    /* Header */
    #wrap > header {
     /*   background-color: rgba(22, 63, 63, 0.2);*/
       /* height: 131px;*/
      height:80px;
    }

    #logo {
      width: 960px;
      margin: 0 auto;
    }
    #logo img {
        position: absolute;
        z-index: 9999999;
        margin-top: -2.7em;
      margin-left:1.4em;
        width: auto;
    }
      nav#menu{
        width: 960px;
      margin: 0 auto;
      }
    #navbox {
        /*background-color: rgba(0, 0, 81, 0.5);*/
      background-image: url(Images/bg_nav_blaugold.jpg);
      background-position:50% 50%;
      background-repeat:no-repeat;
        float: left;
        margin-top: 34px;
        width: 100%;
        height: 46px;
    }
    nav#menu select { display: none;  } /* -- Ausblenden des Navigations-Selektors -- */

    /* Content */
      #slider {
        margin: 0 auto 0;
        width: 960px;
    }
      #slider header{
        display: none;
      }
/*      #slider DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
        margin-top: 20px;
        margin-bottom: 0;
    }
*/

    #slider div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {

      margin-bottom:0;
    }

      featured{
        margin: 0 auto;
      }
      #rootline {
        margin: 0 0 2% 0;
        padding: 0% 0% 0% 0;
        font-size: 1.1em;
    }

    /*#hideLeftColumn #rootline {
        margin: 45px 0 2% 0;
    }
    */
    #hideLeftColumn  #contentbox {

      /*margin-top:46px;*/
      margin-top:110px;
    }


    #rootline ul {
      list-style-type:none;
      margin:0;
      padding:0;
    }
    #rootline ul li {
        background: url("../img/nav-footer-arrow.gif") no-repeat scroll 0 50% transparent;
        display: inline;
        font-size: 1em;
        margin-left: 0;
        padding: 0 1em 0 1.25em;
    }
    #rootline ul li.first {
      background: 0;
      padding:0;
        padding-right:1em;
      display: none;
    }
    #roothome {
        float: left;
        padding-right: 1em;
        font-size: 1.1em;
    }
    section#content {
        /*background-color: rgba(255, 255, 255, 0.75);*/
        min-height: 200px;
        text-align: center;
        width: 100%;
    }
    #contentbox {
        display: inline-block;
        margin: 0px auto 30px auto;
        text-align: left;
        width: 960px;
      background-color:rgba(255,255,255,.5);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }

#full #contentbox   {
      background-color:rgba(255,255,255,.1);
    }
/*      article{
        float: left;
         color: rgba(15,40,40,0.8);
      }
      article header, article hr{
        background: transparent;
        height: auto;
        text-align: center;
        color: rgba(15,40,40,0.5);
        line-height: 1em;
        margin-bottom: 2em;
      }
    .headline {
        margin: 10px 0 32px;
    }
    .title {
        padding: 6px 0 18px;
    }
*/
      aside{
        float: left;
        margin-bottom: 1em;
      }


    #full

      /* Flexslider - Style */
      .flexslider .slides > li {
        margin-top: 20px;
    }

      /* Fancybox - Style */
      .fancybox-title-float-wrap {
        margin-bottom: 2%;
    }
    .fancybox-skin {
        padding: 2%;
    }
    .fancybox-title-float-wrap {
        margin-bottom: 2%;
        max-width: 100%;
    }
    .fancybox-inner !important {  }
    .fancybox-title-over-wrap {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        bottom: 0;
        color: #FFFFFF;
        left: 0;
        margin-bottom: 1%;
        padding: 4px 0;
        position: absolute;
        text-align: center;
        width: 100%;
    }

    /* Kontaktformular */
    div.csc-mailform li label {
        /*height: 2.5em;
      margin-top: 15px;*/
      display:block;
      float:none;
      width:auto;
    }


    div.csc-mailform input[type=text],
        div.csc-mailform input[type=email],
        .csc-mailform form select {
            margin-bottom: 15px;
            padding: 5px 10px;
        }

        .csc-mailform textarea {
            margin-bottom: 15px;
            padding: 5px 10px;
            min-height: 200px;
        }

        .csc-mailform label em {
            margin: 0;
            position: relative;
        }

    div.csc-mailform input[type=submit] {
            font-weight:bold;
            margin-top:15px;
            padding:8px;
            background-color:#fff;
            color:#003366;
            border:1px solid #003366;
            border-radius:5px;
        }

    label em, legend em {
        margin: -21px 0 0 40px;
        position: absolute;
    }

    label strong, legend strong {
        color: #CC0000;
        display: block;
        font-size: 75%;
        font-weight: normal;
        line-height: 1.1em;
        margin: -80px 0 0;
        position: absolute;
        text-transform: uppercase;
    }
    .form textarea {  background-color: #ededed; border: 1px solid #394545; padding:5px; }
    .form textarea:hover {border: 1px solid #ededed;}
    .form textblock { margin-left: 185px; }
    .form input[type=text] { width: 240px; margin-bottom: 1em; height: 25px; background-color: #ededed; border: 1px solid #394545; padding-left:5px; }
    .form input:hover[type=text] {border: 1px solid #ededed; }
    .form input[type=submit] {
      margin-top: 5px;
      margin-left: 185px;
      font-family: 'Signika', serif;
      font-size: 14px;
      color: #ffffff;
      padding: 10px 20px;
      background-color: #394545;
       }

     /* .form input:hover[type=submit] {
      margin-top: 5px;
      margin-left: 185px;
      font-family: 'Signika', serif;
      font-size: 14px;
      color: #ffffff;
      padding: 10px 20px;
      background-color: #0d2525;
         }
*/


    .Tx-Formhandler label {

    display:block;
    float:left;
    width:20%;
    font-size:125%;
    font-weight:normal;
    margin-right:20px;
    }

    .Tx-Formhandler label {
    margin-bottom:20px;
    font-family:signika;
    font-weight:bold;
    }


    .Tx-Formhandler .ui-state-default {
        background:transparent;
        border-top:1px solid #eee;
        border-left:1px solid #eee;
        border-right:1px solid #eee;
        border-bottom:1px solid #eee;

        }
    .Tx-Formhandler .ui-state-active {
        background:transparent;
        border-top:1px solid #eee;
        border-left:1px solid #eee;
        border-right:1px solid #eee;
        border-bottom:0px solid #eee;

        }

    .Tx-Formhandler .ui-accordion-content-active {
        border-top:0px solid #eee;
        border-left:1px solid #eee;
        border-right:1px solid #eee;
        border-bottom:1px solid #eee;
      }
    .Tx-Formhandler h2 {font-size:1.7em;}

    .Tx-Formhandler .submitform {margin-top:30px; color:#fff; background-color:#003366;font-size:1.7em; padding:1em;}

    .Tx-Formhandler .ui-widget input {font-size:1.2em;}



    /* OpenStreetMap */
    #OpenLayers.Map_3_events{ z-index: 0; }
    .tx-odsosm-pi1 { margin-top: 20px; }
    #slider .leaflet-container !important { height: 200px; }
    /* 100% - Sidebar unten */
    .once article{
          width: 100%;
    }
      .once article .headline{
        float: left;
        height: auto;
        width: 30%;
    }
    .once article .title{
      width: 40%;
      float: left;
    }
      .once aside{
          width: 100%;
    }
    /* ⅔ - ⅓ */
    .twothirds > .inside {
      float: left;
      width: 72%;
    }

     #full .twothirds > .inside {width: 96%;}


    .twothirds article .headline{
        float: left;
        height: auto;
        width: 19%;
    }
    .twothirds article .title{
      width: 60%;
      float: left;
    }
    .twothirds aside{
      width: 20%;
      padding: 2%;
    }

    DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
      DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
      DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
      DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
      float: none;
    }

    /* Footer */
    footer {
        background: rgba(0, 26, 51, 0.75);
      /*background-image: url("../img/rand_gold.png");  background-position: 0 0;background-repeat: repeat-x;*/
        float: left;
        width: 100%;
        line-height: 1.5em;
      margin-top:250px;
      position:relative;
      border-top:2px solid rgba(0, 26, 51, 1);
    }
    #footerbox {
        margin: 0 auto;
      /*position:relative;*/
        width: 960px;
    }
    .thirds {
        float: left;
        height: auto;
        padding: 40px 2%;
        width: 29.3%;
        color: rgba(255,255,255,0.9);
    }
  /* CE Elemente ============================================================= */


  div.sidebarBox {
  background:rgb(255,255,255);

  background: rgba(255, 255, 255, .85);padding: 15px 15px 15px 15px;
  -webkit-box-shadow:0px 0px 36px 0px rgba(0, 26, 51, 0.1);
-moz-box-shadow:0px 0px 36px 0px rgba(0, 26, 51, 0.1);;
-o-box-shadow:0px 0px 36px 0px rgba(0, 26, 51, 0.1);
-ms-box-shadow:0px 0px 36px 0px rgba(0, 26, 51, 0.1);
box-shadow:0px 0px 36px 0px rgba(0, 26, 51, 0.1);
margin-bottom: 20px;

overflow: hidden;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

  div.bluebox {background-color: rgba(0, 26, 51, 0.7);padding: 15px 15px 15px 15px;
  -webkit-box-shadow:0px 0px 36px 0px rgba(0, 26, 51, 0.5);
-moz-box-shadow:0px 0px 36px 0px rgba(0, 26, 51, 0.5);
-o-box-shadow:0px 0px 36px 0px rgba(0, 26, 51, 0.5);
-ms-box-shadow:0px 0px 36px rgba(0, 26, 51, 0.5);
box-shadow:0px 0px 36px 0px rgba(0, 26, 51, 0.5);
margin-bottom: 20px;

overflow: hidden;

}

.bluebox, .bluebox a, .bluebox a:link, .bluebox a:visited,.nameofclass, .nameofclass a, .nameofclass a:link, .nameofclass a:visited {
  color:#eee !important;
}
.bluebox a:hover , .nameofclass a:hover{
  color:#ffd800 !important;
}

  /* Bildelemente */

  /* The fraction classes are useful for column lists */


  #whitebox .full, .half, .third, .quarter, .fifth, .sixth{ width: 100%; }
  #whitebox .half, .third , .quarter , .fifth , .sixth { float: left; }
  #whitebox .full  { margin: 1.25%; padding: 1.25%; width: 95%; }
  #whitebox .half  { margin: 1.25%; padding: 1.25%; width: 45%; }
  #whitebox .third {  margin: 1.25%; padding: 1.25%; width: 28.3% }
  #whitebox .quarter {  margin: 1.25%; padding: 1.25%; width: 20% }
  #whitebox .fifth {  margin: 1.25%; padding: 1.25%; width: 15% }
  #whitebox  {
      background-color: rgba(255, 255, 255, 0.8);
      list-style: none outside none;
    margin-left: 0;
    font-size: 1em;
    opacity: 0.9;
  }
  #whitebox:hover {
      background-color: rgba(255, 255, 255, 0.8);
      opacity: 1;
  }
  #whitebox DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
      margin-bottom: 0;
  }
  #whitebox FIGCAPTION.csc-textpic-caption {
      display: table-caption;
      padding: 10px 0 5px;
      font-size: 1.1em;
  }
  #whitebox p {
      font-size: 1.3em;
      margin: 2%;
  }
  #whitebox header {
      font-size: 1em;
      margin: 2% 2% -10px;
  }
  /* 3 Spalten */

  .ce-thirds {
      float: left;
      margin: 0 2% 0 0;
      width: 32%;
  }

  .ce-thirds:last-child {
      float: left;
      margin: 0 0% 0 0;
      width: 32%;
  }

  /* 2 Spalten  50/50 */

  .ce-half {
      float: left;
      margin: 0 2% 0 0;
      width: 48%;
  }
  .ce-half:last-child {margin:0 0 0 2%;}


  /* 2 Spalten  66/34 */

  .ce66 {
      float: left;
      margin: 0 4% 0 0;
      width: 62%;
  }
  .ce34 {
      float: left;
      margin: 0 0% 0 0;
      width: 34%;
  }

  .ce80 {
      float: left;
      margin: 0 0% 0 0;
      width: 80%;
  }
  .ce20 {
      float: left;
      margin: 0 0% 0 0;
      width: 20%;
  }

  /* Project specifics =========================================================== */
  body{
    /*background-image: url(../img/background.png);*/
    background-color:#fff;
  }

  .clearfix {height:0; clear:both;}
  .tx-yag-thumb-caption {max-width:200px; overflow:hidden; height:45px;}
  .mfp-bottom-bar {background-color: rgba(0, 26, 52,0.9);}
  .mfp-bottom-bar h4 {color:#fff;}
  .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: rgb(0, 26, 52);
    opacity: 0.9;
    filter: alpha(opacity=90); }
   .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.9);
    background: #444444; }


  #updateyourbrowser {display: none;}


  #full-screen-background-image {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index:-999;
    min-width:1104px;

  }

#supersized img {
  max-width:none;
  max-height:none;
  //height:auto;
  //width:auto;
}
#shadow {margin-bottom:30px}


  #sectionwrapper {
    /*background-color: rgba(255, 255, 255, 0.5);*/

  }
  #content {
    /*background-image: url("../img/bg_content.png");
    background-repeat:repeat-y;
    background-position: 50% 50%;
    /*margin-top:-20px;*/


  }



  .oax .js-cv-iw .oax_dp_snippet .oax_image img {
  height: 90px !important;
  width: 90px !important;
}


a#searchlink {

    padding:0px;
        cursor:pointer;
}

div#searchbox {
    position:absolute;
    border:1px solid #003366;
    background:#003366;
    padding:20px 20px 20px 20px;
  right:0px;
  z-index:1200;
}

#searchbox label {
    color:#cccccc;
    margin-right:10px;
    display:block;
    margin-bottom:5px;
    }

a#flaglink {

    padding:0px;
        cursor:pointer;
}

div#flagbox {
    position:absolute;
    border:1px solid #003366;
    background:#003366;
    padding:10px;
  right:0px;
  z-index:1200;
}


#flagbox div {
background-color:#003366;
}

.lang_left {
  float:left;
  width: 150px;
  padding-top:7px;
}
.lang-right {
  float:left;
  width: 50px;
  text-align:right;
}
.lang-right img {
    vertical-align:top;
}


li.submenuitem {
  list-style-type: none;
  padding:0;
  padding:20px 0 0 0;
  color:#003366;
}

.submenuitem h2 {
  /*font-size:1.35em; */
  padding:12px;
  color:#eee;
  background-color:#003366;
  }

.actsubmenuitem h2 {
  background-color:rgba(255,255,255,.9) !important;
  color:#003366;
  }

.submenuitem p {
  font-size:90%;
  padding:2%;
  color:#003366;
  }



.submenuimagewrapper  {
   /* float:left; /* important */
    /* position:relative; /* important(so we can absolutely position the description div */
}

    .submenuimagewrapper  {
      text-decoration:none;
      color:#000000;
    }
    .submenuimagewrapper:hover {
      color:#000000;
    }


.submenuitemtext {
    position:absolute; /* absolute position (so we can position it where we want)*/
    bottom:0px; /* position will be on bottom */
    left:0px;
    width:100%;
    /* styling bellow */
    background-color:#fff;
    opacity:0.90; /* transparency */
    filter:alpha(opacity=90); /* IE transparency */
}

.submenuitemtext span {
  padding:2%;
  font-size:90%;
  display:block;
  font-weight:600;
}

ul.megamenu {float:right; z-index:9998;}

.megamenu h2 {

  font-family: 'Signika';
  font-size:18px;
  line-height:18px;
  font-weight:900;
}



DIV.csc-textpic-imagecolumn, TD.csc-textpic-imagecolumn .csc-textpic-image {
margin-right: 5px;
}


.csc-frame-invisible h2 {
  /*background-image: url("../img/rand_gold.png");*/
  background-position: 80% 0;
  background-repeat: no-repeat;
  background-color: rgba(0, 26, 51, 0.9);
  padding:6% 4% 6% 4%;
  margin-bottom:0%;
  cursor:pointer;
  color:#eee;
  font-size:1.3em;
  font-family: 'Signika', serif;
  font-weight:normal;
  /*text-shadow: 0px 0px 15px rgba(255,255,255,.9);*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;


}

.csc-frame-invisible .csc-textpic-text {
  padding:2%;
}

.csc-frame-invisible .csc-textpic-text p{
  padding-bottom:2%;
}
.csc-frame-invisible .csc-textpic-text p+p{
  margin-top:0;
}

.csc-frame-invisible  {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 0px 36px 0px rgba(0,13,26,.3);
  -moz-box-shadow: 0px 0px 36px 0px rgba(0,13,26,.3);
  -o-box-shadow: 0px 0px 36px 0px rgba(0,13,26,.3);
  -ms-box-shadow: 0px 0px 36px 0px rgba(0,13,26,.3);
  box-shadow: 0px 0px 36px 0px rgba(0,13,26,.3);
  margin-bottom:7.5%;
}

.csc-frame-invisible  .csc-textpic-imagewrap {
  margin-left:0 !important;
  margin-right:0 !important;
}

#footerlogo_right {

  position:absolute;
  right:30px;
  bottom:0px;
  width:240px;
  height:110px;
  /*background-color:rgba(0,26,51,0.8);*/
  color:#eee;

}


#footerlogo_right a{
  display:inline-block;
  margin-right:10px;
}

#footerlogo_right img{
  height:100px;
  width:auto;
}


#footerlogo_left {

  position:absolute;
  left:30px;
  top:2px;
  width:80px;
  height:150px;
  background-color:#ccc;
  display:none;

}


.settings_info_menu {margin-top:-40px !important;}
.dw-datepicker-arrow-image {background-position:0 -10px !important;}
.dw-dropdown-arrow-image{background-position:initial !important;}

.dw .dw-ui-datepicker .ui-datepicker-next .ui-icon-circle-triangle-e {
background-position: -35px -548px !important;
}
.dw .dw-ui-datepicker .ui-datepicker-prev .ui-icon-circle-triangle-w {
background-position: -3px -548px !important;
}

.csc-default .ui-widget {display:block !important;}




@media screen and (-webkit-min-device-pixel-ratio:0)
{
  img, embed, object, video {
    max-width: 100%;
    height: auto;
    width: auto;
  }

}


/*XL Version :)*/
  @media screen and (min-width: 1440px){

  #slider {width:1280px;}
  #logo{width:1280px;}
  #logo img {margin-left:4.3em;}
  nav#menu {width:1280px;}
  .megamenu_container {width:1280px !important;}
  .megamenu_fullwidth{width:1000px !important;padding-left:280px !important;}
  #navbox {background-image: url(Images/bg_nav_blaugold_xl.jpg);}
  .flexslider .slides img {width:100% !important; height:100% !important;max-width:150% !important;max-height:150% !important;}
  #contentbox{width:1280px;}
  /*#content {    background-image: url("../img/bg_content_xl.png");}*/

  }

/* For iPads and other Tablets or Displays less then 1080px ======================== */
  @media screen and (max-width: 980px){
  /* Header */

  #wrap > header{
      height: 169px;
  }
  #navbox{
      margin-top: 11em;
    background-image:none;
    background-color:#003366;
  }
  nav#menu {
      width: 100%;
      text-align: center;
  }

  .menubutton{
    display: none;
  }
  #logo{
    width: 100%;
    text-align: center;
  }
  #logo img {
      position: relative;
      z-index: 1100;
      display: block;
      margin: 0 auto;
    margin-top: -123px;
  }



  /* Content */
    #contentbox{
    width: 100%;
  }
  article header{
    line-height: 2.5em;
    margin-bottom: 2em;
  }
  .title {
      padding: 6px 0 18px;
  }
  #content article .headline{
    display: none;
  }
  #content article .title{
    width: 100%;
    float: left;
  }
  /* Sidebar */


  /* Footer */
    #footerbox{
    width: 100%;
  }
  ul.megamenu {float:none;}
}
/* For Smartphones, Tablets or other Displays less then 768px ====================== */
@media screen and (max-width: 768px){

    #news-list-evt-container {background-color:rgba(0,51,102,0.1); padding-top:10px;}
    #news-list-container {background-color:rgba(0,51,102,0.1); /*padding-top:10px;*/}
.camheader {display:none;}

  /* Header */
  #navbox{
      margin-top: 13em;
      height: 37px;

  }
  nav#menu {
    text-align: center;
    width: 100%;
  }
  nav#menu select {
      background-color: rgba(255, 255, 255, 0.6);
      border: medium none;
      color: #0D2525;
      display: block;
      font-family: 'Arvo Bold',serif;
      font-size: 100%;
      font-weight: bold;
      margin: 0 auto;
      min-width: 260px;
      position: relative;
      top: 25px;
      width: 60%;
      height: 25px;
  }
ul.megamenu {float:none;}


  /* Content */
    article header{
      text-align: left;
      line-height: 3em;
    }
  .twothirds article{
    width: 100%;
  }
  #content article .headline{
    display: none;
  }
  #content article .title{
    width: 100%;
  }

  /* Sidebar */
  .twothirds > .inside, .twothirds aside{
    width: 96%;
  }

    #full .twothirds aside {display: none;}

    /* make all pictures at least half */
    .third li{  margin: 1.25%; padding: 1.25%; width: 45%; }
  .quarter li{  margin: 1.25%; padding: 1.25%; width: 45%; }
  .fifth li{  margin: 1.25%; padding: 1.25%; width: 45%; }

  /* Footer */
    footer .thirds {
      border-bottom: 1px solid lightgray;
      float: left;
      height: auto;
      line-height: 15px;
      padding: 10px 2%;
      text-align: center;
      width: 96%;
  }

  /* CE Elemente */
  /* 3 Spalten */

  .ce-thirds, .ce-half, .ce-half:last-child {
    margin: 0;
      width: 100%;
  }
div.csc-textpic-intext-left .csc-textpic-imagewrap {
  margin-right:0;
}
  .ce-thirds:last-child {
    margin: 0;
      width: 100%;
  }

  .ce66 {
      float: left;
      margin: 0 0% 0 0;
      width: 100%;
  }
  .ce34 {
      float: left;
      margin: 0 0% 0 0;
      width: 100%;
  }

  .ce80 {
      float: left;
      margin: 0 0% 0 0;
      width: 100%;
  }
  .ce20 {
      float: left;
      margin: 0 0% 0 0;
      width: 100%;
  }

    .form input[type=submit] {  margin-left: 0px;}









  li.submenuitem {
    list-style-type: none;
    padding:0;
    padding:0px 0 15px 0;
  }

  .submenuitem h2 {
    /*font-size:1.35em; */
    margin:0% 5% 5% 45%;
    padding-top:0;
    line-height:auto;
/*    background-color:#003366;*/
    text-align:left;
    font-size:100%;

    }

  .submenuitem p {
    font-size:85%;
    padding:2%;

    }
  .submenuimagewrapper  img {
    position:absolute;
    left:0;
    top:0;
    width:45% !important;

  }

      .submenuimagewrapper  {
        text-decoration:none;
        color:#000000;
      }
      .submenuimagewrapper:hover {
        color:#000000;
      }


  .submenuitemtext {
    position:absolute; /* absolute position (so we can position it where we want)*/
    visibility:hidden;
    /* styling bellow */
    background-color:#f3ba13;
    opacity:0.7; /* transparency */
    filter:alpha(opacity=70); /* IE transparency */
    left:45%;
    top:20px;
    width:55%;

  }

  #menu li.active , #menu li.active div.megamenu_fullwidth, #menu li.active .drop {background-color:#002255; background:#002255; background-repeat:no-repeat;  background-position:right 20px;}
  #menu .active span.drop {background-image:url("../menu_reloaded/HTML/img/up.png");}


  #logo img {
  position: absolute;
  z-index: 9999999;
  display: block;
  margin: 0 auto;
  margin-top: -1.3em;
  margin-left:1em;
  width:84px;

  }

  #navbox {margin-top:2.0em;}

  /*#wrap > header{height:82px;}*/
  #wrap > header{height:60px;}


  /*social privacy*/
  #c396 {display:none;}
  .social-icons {display:none;}

/*
   #footerlogo_right  img{width:50px; height:50px; }
   #footerlogo_right {width:50px; height:50px; right:10px;}
*/

#footerlogo_right {width:200px; height:100px;  right:50%; margin-right:-110px;padding-top:20px;}

#footerlogo_right img{height:80px; margin-top:10px;}

#c591,#c3737,#c3761,#c3186,#c3682,#c3722{margin-bottom:100px;}



   /*.csc-textpic-imagewrap {max-width:40%;float:right !important;}*/

}

@media screen and (max-width: 1064px){
  .social-icons {display:none;}
}


/* make all pictures full */
@media screen and (max-width: 479px){
    .half li{  margin: 1.25%; padding: 1.25%; width: 95%; }
    .third li{  margin: 1.25%; padding: 1.25%; width: 95%; }
  .quarter li{  margin: 1.25%; padding: 1.25%; width: 95%; }
  .fifth li{  margin: 1.25%; padding: 1.25%; width: 95%; }


  }



  /* responsibility des Sliders */
@media screen and (max-width: 980px){
    #shadow img{
      width: 100%;
    }
    #slider {
      width: 100%;
    }


}

@media print {

  .social-icons {display:none;}
  #full-screen-background-image {display:none;}
  #supersized {display:none;}
}


div.sideBarInner .clearfix {margin: auto; width: 100%;}
  #full .sidebarBox { padding: 30px;}

div.csc-mailform ol li {
  display: block!important;
  text-align:left;
}
#c2427 h4 {}

.social-icons {
    right: 0;
    position: fixed;
    top: 146px;
    width: 40px;
    z-index: 9999;
}

.social-icon {
    transition: background-color 0.4s ease-in 0s;
    -webkit-transition: background-color 0.4s ease-in 0s;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 43px;
    margin-bottom: 2px;
    width: 43px;
    background-color: rgba(0, 26, 51, 0.9);
    /*background-image: url(../img/social-icons.png);*/
}

#facebook-btn.socialitems span.social-icon {
    background-image: url(/fileadmin/templates/social_media_buttons/pi1/images/facebook.png);
    background-position: 10px 10px;
    background-size: 23px;
}

#linkedin-btn.socialitems span.social-icon {
    background-image: url(/fileadmin/templates/social_media_buttons/pi1/images/map.png);
    background-position: 12px 12px;
    background-size: 23px;
}

#twitter-btn.socialitems span.social-icon {
    background-image: url(/fileadmin/templates/social_media_buttons/pi1/images/instagram.png);
    background-position: 12px 12px;
    background-size: 23px;
}

/* #facebook-btn.socialitems span.social-icon::before {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f082";
    color: #fff;
    font-size: 30px;
    position: relative;
    top: 14px;
    left: 10px;
    float: left;
} */

/* #linkedin-btn.socialitems span.social-icon::before {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f279";
    color: #fff;
    font-size: 28px;
    position: relative;
    top: 14px;
    left: 10px;
    float: left;
} */

/* #twitter-btn.socialitems span.social-icon::before {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f16d";
    color: #fff;
    font-size: 30px;
    position: relative;
    top: 14px;
    left: 10px;
    float: left;
} */

.social-icon:hover {
    width: 180px;
}

.social-text {
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin: 14px 0 11px 44px;
    white-space: nowrap;
    color: #FFFFFF;
    /* font-family: Arial; */
}

#twitter-btn.socialitems span.social-icon span.social-text {
    margin: 0 0 11px 44px;
    padding-top: 14px;
}

#facebook-btn span {
    background-position: 12px 7px;
}

#linkedin-btn span {
    background-position: 12px -266px;
}

#twitter-btn span {
    background-position: 12px -40px;
}

/* ------------ FORMULARE --------------
---------------------------------------*/
.csc-mailform label {
    font-size: 16px;
    margin-bottom: 5px;
}

.tx-powermail fieldset.powermail_fieldset {
    font-size: 16px;
    line-height: 1.6;
}

.tx-powermail form.powermail_form.powermail_form_1 h3,
.tx-powermail form.powermail_form.powermail_form_3 h3,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_1.nolabel legend,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_6.nolabel legend,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_8.nolabel legend {
    display: none;
}

.powermail_fieldwrap_marker > div:nth-child(1) {
    font-weight: bold;
    font-size: 18px;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_1 .powermail_fieldwrap label.powermail_label,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_6 .powermail_fieldwrap label.powermail_label {
    float: left;
    width: 260px;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_1 .powermail_field input.powermail_input,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_6 .powermail_field input.powermail_input {
    width: 300px;
    padding: 5px;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_1 .powermail_fieldwrap,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_6 .powermail_fieldwrap {
    margin-bottom: 20px;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_1 .powermail_fieldwrap .powermail_textarea,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_6 .powermail_fieldwrap .powermail_textarea {
    min-height: 200px;
    width: 300px;
    padding: 5px;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_3 legend.powermail_legend {
    font-size: 18px;
    font-weight: bold;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_3 {
    padding: 10px;
    border: 1px solid #ccc;
    background: #eee;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_3 .powermail_fieldwrap label.powermail_label {
    float: left;
    width: 260px;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_3 .powermail_fieldwrap {
    margin-bottom: 20px;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_artdergewuenschtenunterkunft label {
    width: 100%;
}
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_anzahlderpersonen,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_type_select.powermail_fieldwrap_erwachsene {
    margin-bottom: 5px;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_5 {
    margin-top: 20px;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_5.nolabel legend.powermail_legend {
    display: none;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_5 .powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutzcheck,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_8 .powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutzcheck {
    margin-bottom: 20px;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_5 #c9412 .csc-textpic-text p,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_8 #c9414.csc-default p {
    font-size: 16px;
}

.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_5 .powermail_fieldwrap.powermail_fieldwrap_type_submit input.powermail_submit,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_8 .powermail_fieldwrap.powermail_fieldwrap_type_submit input.powermail_submit {
    padding: 15px;
    font-size: 16px;
}

.tx-powermail fieldset.powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_select .powermail_field select,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_3 .powermail_field input.powermail_input,
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_3 .powermail_field input.powermail_date {
    padding: 5px;
}


button#myBtn {
    display: none;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    font-size: 18px;
    line-height: 2;
    margin: auto;
    padding: 50px 20px 20px 20px;
    border: 5px solid red;
    width: 50%;
    text-align: center;
    position: relative;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    right: 5px;
    top: 5px;
    font-weight: bold;
    position: absolute;
    font-size: 40px;
    line-height: 1;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#myModal.modal div.modal-content p a {
  color: red;
  }

@media (max-width: 900px) {
    .modal-content {
        background-color: #fefefe;
        font-size: 18px;
        line-height: 2;
        margin: auto;
        padding: 50px 20px 20px 20px;
        border: 5px solid red;
        width: 90%;
        text-align: center;
        position: relative;
    }
}

/* POWERMAIL */
.tx-powermail .powermail_form.powermail_form_4 h3,
.tx-powermail .powermail_form.powermail_form_4 legend.powermail_legend,
.tx-powermail .powermail_form.powermail_form_5 h3,
.tx-powermail .powermail_form.powermail_form_5 legend.powermail_legend {
    display: none;
}

.tx-powermail form.powermail_form.powermail_form_4 input.powermail_input,
.tx-powermail form.powermail_form.powermail_form_5 input.powermail_input {
    margin-bottom: 15px;
    padding: 5px 10px;
}

.tx-powermail form.powermail_form.powermail_form_4 textarea.powermail_textarea {
    margin-bottom: 15px;
    padding: 5px 10px;
    min-height: 200px;
    width: 45%;
}

.tx-powermail form.powermail_form.powermail_form_4 #c9794.csc-default div.csc-textpic-text p.bodytext,
.tx-powermail form.powermail_form.powermail_form_5 #c9802.csc-default div.csc-textpic-text p.bodytext {
    line-height: 1.6;
    font-size: 1em;
}

.tx-powermail form.powermail_form.powermail_form_4 input.powermail_submit,
.tx-powermail form.powermail_form.powermail_form_5 input.powermail_submit {
    font-weight: bold;
    margin-top: 15px;
    padding: 8px;
    background-color: #fff;
    color: #003366;
    border: 1px solid #003366;
    border-radius: 5px;
}