.hidden-desktop { display: none; }
.hidden-tablet { display: block; }

/* All except large Screens */
@media (max-width: 3220px) {
.hidden-desktop { display: none; }
}

/* Only Phones */
@media (max-width: 767px) {
  .hidden-desktop { display: block; }
  .hidden-phone { display: none; }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
  /*.hidden-desktop { display: block; }*/
  .hidden-tablet { display: none; }


}






/* All except large Screens */
@media (max-width: 3220px) {

}


/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {


}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

}

/* Only Phones */
@media (max-width: 767px) {

  
div {
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input {
    -webkit-appearance: none;
}
* {
  -webkit-text-size-adjust: none;
}

.mobileMenuOpen {
  display:block !important;
  padding:10px 0px 0px 0px;
  height:40px;
  top:20px;
  left:20px;
  width:40px;
  position:absolute;
  z-index:99999;

  background: center center no-repeat transparent;
  background-image:  url('data:image/false;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA5CAYAAACbOhNMAAACP0lEQVRoge2ZwUsVQRzHP09GCMFLEXQI4YGIeS2wTv4NdRHCoH/Agx7slFKHCA8RdO3mK+hSN+lYpxS8dbCDKKUHLyYihOBhO8xvcN66u7Pa0AzDfGCY3Xkzs9/vb367b9jtPB2/XZAIA6EF+CSbiZVsJlaymVhRwL3QInyhgLXQInyRVJolZUYBV0OL8IUCDkKL8EVSaZbNxEo2EyvZTKwo4FpoEb5QwO/QInyRVJolZUYBd0OL8IUCvoUW4Yuk0iybiZVsJlaymVhRQCe0CF90iiKZr4BppVk2EyvZTKxkM7GSzcSKavpx8dad/6XDZhCYBt4Bk8ARsPl8c8M5sNFMIKaBFfRHsFVpa7V/bJNmX4ACmLPatqVtptS3KJXtmt/Np0czt8G0LwOfgQmgB9xsobOVmSmpZ60LduX4ekX/HeCRlIc1cz6paR9Dr8ontMktdMBma/r34Uoze3m76Hwes9puVIz5hY5mEwvAM6e6C+JambLZUeC+dT55iWvuSP3gEmMbcZkZltpE+jE6ql+ljFSMmeL8vWFjVm4F2L2Y3GZcZoakfo+O6IKcv5W6e25E/z1zXDPvC6nLD5B/wmXGPEUOgTdW+yqwLseDpTEm8j3gtGbeH5ylWxPluRtpuwM4ov+d9GHDBUfQETel6j+iABYr2vekfol+ob8k5/ttRLqeZqNSHwM/5XhZxHyX8yvAH2tMF30/GD5QvUIfS/1Am5kHXnEWvB7w2qETcLzQCLSdAb3aw8AJEqg225m/kCZhjRIWdpcAAAAASUVORK5CYII=');
  background-size:100% 100%;
}

.all {
    min-width: 100%;
    background:#fff;
}

.type-checkbox.dsgvo { padding: 30px 0px; }

.c30,
.c25,
.c35,
.c40,
.c50,
.c60,
.c33,
.c70,
.main {
    width: 100%;
}

.c50.last,
.c50.first {
    padding:0px;
}


.content .slim,
.content .subline { margin:5px 0px; }

.eventtopper::before,
.dist1 p::before,
.Tx-Formhandler .teasertext.dotted::before,
#navi,
.top .c35 { display:none; }

.top .c30 a { width:100%; left:0px; margin-left:0px;text-align: right; padding-right:20px; }

.top .c30 img { width:70%; max-width:239px; height:auto; }
.header.small,
.header .background,
.header { height:330px; }


.header.small .background,
.header .slide .sslider,
.header .slide,
.header .inner { height:300px; }

.header .slide .sslider { background-size:cover; background-position:center center; }

.content { padding:20px; }
.content .slim { text-align:left; }

.csc-textpic-image table { width:100%; }
.csc-textpic-image td { text-align:center; }
.csc-textpic-image td a { display:inline-block; }

.distb1 .main,
.distv1 .main,
.dist1 .main { padding:50px 30px; }
.dist1 p { padding:30px; font-size:100%; }

.distv1 a.badge,
.content .dotted a.badge,
.dist1 a.badge:hover,
.dist1 a.badge { 
  position: relative;
  bottom: 0px;
  left: 0px;
  margin-left: 0px;  
  background-size:100% 100%;


}

.teasertext img { max-width:100%; height:auto; }

.catselect .cat.mr {
    margin-right: 5px;
    margin-bottom: 5px;
}
.catlist .date {
    width: 100%;
    text-algin: left;

    padding: 0px 0;
}
.catlist .text { width:100%; }
.f3-widget-paginator li { margin-bottom:5px; }
.content .teasertext.dotted a.badge { margin-bottom:0px; }

.dotted {
    padding: 160px 20px 60px 20px;
}

.content .main {
    padding: 0 0 20px 0px;
}

.distz2 > div, .distz1 > div {
    padding: 90px 0 50px 0;
  font-size: 14px;
}
.distz2 .overlay .main { padding:0 20px 0 30%; }
.distz1 .overlay .main { padding:0 100px 0 20px; }

.event .teaser_8_16,
.teaser_6_16,
.teaser_4_16, .teaser_8_16 {
    width: 100%;
  max-width:350px;
  height: auto;
}
.teaser_8_16 img,
.teaser_6_16 img,
.teaser_4_16 img { width:100%; height:auto; }
.event .teaser_8_16,
.event .teaser_4_16 { height:240px; }
.event .image { display:none; }

.hostlist .image { width:100%; }
.hostlist .image img { width:100%; height:auto; }
.hostlist .text.small { width:100%; }
.hostlist .text { padding:20px; }

.teaserstage {  width:100%; text-align:center; }
.teaser_4_16, .teaser_6_16, .teaser_8_16 { float:none;display:inline-block;text-align:left; margin-right:0px; }
.news-latest-container .mr:nth-child(4) { margin-right:20px; }

.eventdetail .right,
.eventdetail .left { width:100%; display:block; }
.eventdetail .right { padding:20px 0; }
.teaser_8_16 .teasertext {
    width: 100%;
}
.csc-textpic-intext-left-nowrap-621 .csc-textpic-text {
   margin-left: 0px;
}
.type-radio .formField label,
.type-text.anreise,
.type-text.abreise,
.type-text.telefon,
.formLabel, div.csc-mailform li label { width:100%;text-align:left; }
.formField { width:100%; }
.type-checkbox.rueckruf { width:100%; }

h1 { font-size:40px; line-height:50px; }
h2 { font-size:35px; line-height:40px; }
h3 { font-size:25px; line-height:30px; }

.all.footer { background-size: 200% auto; padding-top:150px; } 
.footer .main { padding:0 30px; }

.submit_normal.button.submit, .content a.badge, a.badge { max-width:380px; width:100%;font-size: 14px !important;background-size: 100% 100%;line-height: 50px;  position: relative;
margin: 0px;
left: 0px;
bottom: 0px; }

html, body {

    font-size: 14px !important;
}


  div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

  /* Clear floats after csc-textpic and after csc-textpic-imagerow */
  div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

  /* Set padding for tables */
  div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
  div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

  /* Settings for figure and figcaption (HTML5) */
  div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

  /* Captions */
  figcaption.csc-textpic-caption { display: table-caption; }
  .csc-textpic-caption { text-align: left; caption-side: bottom; }
  div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
  div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
  div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

  /* Float the columns */
  div.csc-textpic div.csc-textpic-imagecolumn { float: none;margin-bottom: 10px; }

  /* Border just around the image */
  div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 2px solid black;
    padding: 0px 0px;
  }

  div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

  /* Space below each image (also in-between rows) */
  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 30px; }
  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

  /* colSpace around image columns, except for last column */
  div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 0px; }
  div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

  /* Add margin from image-block to text (in case of "Text & Images") */
  div.csc-textpic-intext-left .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 0px;
  }
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 0px;
  }

  /* Positioning of images: */

  /* Center (above or below) */
  div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
  div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: none; right: 0px; }
  div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: none; right: 0px; }

  /* Right (above or below) */
  div.csc-textpic-right .csc-textpic-imagewrap { float: none; }
  div.csc-textpic-right div.csc-textpic-text { clear: both; }

  /* Left (above or below) */
  div.csc-textpic-left .csc-textpic-imagewrap { float: none; }
  div.csc-textpic-left div.csc-textpic-text { clear: both; }

  /* Left (in text) */
  div.csc-textpic-intext-left .csc-textpic-imagewrap { float: none; }

  /* Right (in text) */
  div.csc-textpic-intext-right .csc-textpic-imagewrap { float: none; }

  /* Right (in text, no wrap around) */
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: none; }

  /* Left (in text, no wrap around) */
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: none; }

  div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }


.csc-textpic-text {
  width:100%;
}

.csc-textpic-imagewrap img {
  max-width:100%;
  height:auto;
}

  /* Layout */

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {



}

/* Only Phones (Portrait) */
@media (max-width: 479px) {


}