@charset "UTF-8";

/* #### ITC ###################################################################

gelb      #FEDA00    rgba(254,218,0,1)
lila dunkel    #650B8D    rgba(101,11,141,1)
lila hell    #9927B8    rgba(153,39,184,1)

############################################################################ */

@-ms-viewport{ width: device-width; }
/*@media all and (max-width: 640px) and (orientation : portrait){*/
@media all and (max-width: 640px){
  
  
  
  
  
  
  .layout_mss{
    display: block;
    position: absolute;
    
    top: 14.625rem;
  }
  
  .layout_mss > ul.level0{
    display: block;
    list-style: none;
    
    margin: 0;
    padding: 0;
  }
  
  .layout_mss > ul.level0 > li{
    display: block;
    list-style: none;
    
    background-color: #FEDA00;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
  }
  
  .layout_mss ul.level0 li.selected{
    display: none;
  }
  
  .layout_mss > ul.level0 > li > a{
    text-transform: uppercase;
    color: #000;
  }
  
  .layout_mss > ul.level0 > li > a:hover{
    color: #650B8D
  }
  
  .layout_container .itcsiteselect {
    padding: .5em 0 .5em 5em;
  }
  
  .layout_mss .itcsiteselect:before, .layout_mss .itcsiteselect:after{
    top: .4375em; left: 1.25em;
    
    width: 2.5em; height: 2.5em;
  }
  
  .layout_container .itcsiteselect > span{
    font-size: 1.125rem;
  }
  
  
  
  
  
  
  
  html{
    font-size: 5vw;
  }
  
/* #### HEADER ############################################################# */
  
  .layout_header{
    height: auto;
    margin: 0;
    
    background-position: center top;
    background-size: auto 25rem;    
  }
  .layout_header:after{
    display: none;
  }
  
  .layout_header .layout_header_content{
  }
  
  .layout_header a.title{
    position: static;
    height: 15rem;
    
    background-image: url('../images/layout/ITC_header_2025_small.png');
    background-origin: content-box;
    background-size: 80% auto;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  body.dft .layout_header a.title{
    background-image: url('../images/layout/DFT_text_de_2018-Dresden.png');
  }
  
  .layout_header a.logo{
    display: none;
  }
  
  .layout_header .itcbutton{
    position: relative;
    right:auto;
    left:auto;
    display: block;
    width: inherit;
    border: none;
    border-radius: 0;
    bottom: auto;
    text-align: center;
    background-color: #650B8D;
    margin: 0 0 .5rem 0;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .layout_header .itcbutton:before,
  .layout_header .itcbutton:after{
    display: inline-block;
    
    top: 50%; left: 50%;
    margin: -1.25em 0 0 -6em;
    
    line-height: inherit;
  }
  
  
  
  .layout_header .langmenu{
    left:auto;
    right:2rem;
    top:0.5rem;
    font-size: 0.8rem
  }
  

  
  .layout_header ul.csc-menu{
    display: block;
    list-style: none;
    
    margin: 0;
    /* itcsiteswitch */
    margin: 3rem 0 0 0;
    padding: 0;    
  }
    
  .layout_header ul.csc-menu > li{
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    
    font-size: 1.25rem;
    line-height: 2em;
    height: 2em;
    
    background-color: #FEDA00;
    text-align: center;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .layout_header ul.csc-menu > li > a{
    display: block;
    padding: 0 .5rem;
    
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
  }
  .layout_header ul.csc-menu > li.selected > a{
    background-color: #857B00;
    color: #FFF;
  }
  
  
  
  .layout_mainmenu{
    display: none;
  }
  
  
  
/* #### CONTENT ############################################################ */

  .layout_left{
    display: none;
  }

  .layout_submenu{
    display: none;
  }
  

/* erstma nur im Teinehmerbereich ... evtl via be layout? */
  .page_105 .layout_left{
    display: block !important;
    position: relative;
    top:auto;right:auto;bottom:auto;left:auto;
    width:auto;
    height: auto;
    float: none;
  }
  
  .page_105 .layout_submenu{
    display: block !important;
  }

  .page_105 .layout_left .pagetitle{
    display: block !important;
  }
  

  .layout_content{
    width: 100%;
    padding: 1em .5em;
    overflow: hidden;
  }
  

  
/* #### FOOTER ############################################################# */
  
  .layout_footer{
    
  }
  
  .layout_footer_content{
    min-height: 0;
  }
  
  .layout_footer .banner{
    text-align: center;
    float: none;
  }
  
  .layout_footer .banner img{
    width: 92.5%;
    height: auto;
  }
  
  
  
  .layout_footer .csc-menu{
    margin: .5em 0;
  }
  
  .layout_footer .csc-menu li:nth-of-type(1),
  .layout_footer .csc-menu li:nth-of-type(2){
    display: none;
  }
  .layout_footer .csc-menu li:nth-of-type(3) a{
    border: none;
  }
  

  
/* #### INHALTE SONDERSTYLES ############################################### */
  
  ul.hotel_list > li .csc-wrap h2{
    white-space: normal;
  }
  
  
  
  .csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap .csc-textpic-center-inner .csc-textpic-imagerow .csc-textpic-imagecolumn{
    margin: 0;
  }
  
  .csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap figure{
    width: 100%;
    margin: 0;
    text-align: left;
  }
  
  .csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap figure > figcaption{
    text-align: left;
  }
  
  ul.route_planner{
    text-align: justify;
    margin: 1em 0;
  }
  
  ul.route_planner > li{
    width: 32% !important;
    height: 3rem !important;
    margin: 0;
    padding: 0 .5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }





  .layout_content .itcbutton{
    display: block !important;
    width:auto !important;
    margin: 0 -1rem !important;
    border-radius: 0 !important;
  }

  .layout_content .layout_content_right,
  .layout_content .layout_content_left {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .layout_content .itcbutton.itcprint { display: none !important }

  
  .programm {
    margin: 0 -1rem;
  }
  
  .programm .event,
  .programm .topic,
  .programm .break,
  .programm .datesep{
    display: block;
    width:auto !important;
    margin-left: 0 !important;
    border:none !important;
    font-size: 1rem;
  }

  .programm .break,
  .programm .event,
  .programm .topic{
    padding: 0.5rem 1rem!important;
    margin: 0 !important;
  }

  .programm .break{
    white-space: nowrap;
    background: none;
  }
  
  .programm .break .title{
    font-weight: normal;
  }

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


  .programm .topic{
    display: none;
  }

  
  .programm .event .rememberme{
    display: none;
  }



  .programm .event.hall1 .event_time{
    text-align: center;
    background: #EEE;
    margin: 0 -1rem 1rem -1rem!important;
    width:auto;
  }
  
  
  .programm .event.hall2 .event_time,
  .programm .event.hall3 .event_time,
  .programm .event.hall4 .event_time{
    display: none !important;
  }

  .programm .event .event_location{
    display: inline-block !important;
    font-weight: bold;
    display: none !important;
  }

  .programm .event .event_title{
    text-align: left !important;
  }

  .programm .event .authors{
    d_isplay: none;
  }

  .programm .event.shared .authors{
    display: block;
  }
  
  .programm .share_overlay{ display: none !important }
  
  
  /* #### Teilnehmerbereich - LOGIN ####################################### */
  
  form.felogin{
    padding: 0;
  }
  
  form.felogin > label{
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
  }
  
  
  /* #### KONTAKT FORMULAR ################################################ */
  
  #mailform_contact input[name="contact_mailform[EFnyYJLLwPbE]"],
  #mailform_contact input[name="contact_mailform[iluPnjtSTtUT]"],
  #mailform_contact textarea[name="contact_mailform[6NPSTjB6TL7w]"],
  #mailform_contact input[type="submit"]{
    width: 100% !important;
  }



  .layout_container .layout_header .itcbutton{
    transform: scale(.625);
    min-width: 0;
    width: 14em;
    top: 11em;
    bottom: auto;
    left: -2em;
  }
  
  .corona{
    top: auto; left: 12.5%;
    
    bottom: 13.75rem;
    
    width: 75%;
    
    font-size: 1rem;
    
    transform: rotateZ(0);
  }

}