@import url("fonts.css");

body {
   font-family: "Source Sans 3", open sans, sans-serif, sans, Arial;
}

.cc-window {
     font-family: "Source Sans 3", open sans, sans-serif, sans, Arial;
     font-size:11pt;
}

.frame {
    padding:10px;
    background:#bababa;
   /*-webkit-border-radius:5px;
   border-radius:5px;*/
   -webkit-box-shadow:6px 6px 15px #bababa;
   box-shadow:6px 6px 15px #bababa;
}

table.full
{
    height:100%;
}

table {
     background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,.8));
}

.content_dark
{
     color:#fff;
     background:rgb(0,15,40);
     padding:0;
}

.content_darker
{
     color:#fff;
     background:rgb(0,15,40);
   /*border-radius:5px;*/
   box-shadow:2px 2px 15px #bababa;
}

.title, .title600
{
     color:#000;
     background:#fff;
     width:100%;
     height:50px;
     padding-top:20px;
     padding-bottom:10px;
     background-image: linear-gradient(to right, rgba(256,256,256,.5), rgb(59,64,66));
     border-top:none #021F45 6px;
}

.nowrap {
    white-space: nowrap;
}

.title
{
    background-image:url('img/rp_titlebanner.svg');
    background-repeat:no-repeat;
    background-position:left bottom;
    color:#000;
    margin-left:-2px;
    background-size: 850px;
    width:100%;
    font-size: 0;
    justify-content: space-between;
    display: flex;
    flex-wrap: nowrap;
        align-items: center;
}

.banner {
    padding-left:30px;
    padding-right:30px;
    padding-top:3px;
    padding-bottom:3px;
    display:inline-block;
    flex-basis: 100%;
    flex-wrap: nowrap;
}

.confplace {
   display:inline-block;
   font-size: 12px;
   flex-basis: 20%; /* adjust the width to leave enough space for the image */
   margin-right: 6px;
   padding-bottom: 10px;
}

.logo {
  padding-top:5px;
}

.logo_title {
	    display:inline-flex;
	    margin-right: 20px;
        float: right;
        flex-shrink: 0;
}

.subtitle
{
     font-size:12pt;
     color:#fff;
     background:#1C32F5;
     width:100%;
     padding-bottom:2px;
     padding-top:11px;
     /*border-top:solid #AAA .1px;*/
     box-shadow: 0px 0px 12px rgba(255, 255, 255, .75);	
    
}

.subtitle_description {
     padding-left:20px;
}
a:link
{
    transition: .1s ease;
     color:#000;
     text-decoration:underline dotted;
}
a:visited
{
     color:rgb(0,0,0);
     text-decoration:underline dotted;
}
a:active
{
	text-decoration:none;
    color:rgb(197,145,30);
    background:#FFFFFF;
}
a:hover
{
	text-decoration:underline;
     transition:.12s ease-out;
     text-decoration:underline;
     color:rgb(197,145,30);
    }



a:is([href*='://'], [href^='http://'], [href^='https://']):not([href*='recurrence-plot.tk']):not([href^='?']):not([href^='#']):not([href^='/']):not(.noexternal):after {
    content: "";
    width: 13px;
    height: 12px;
    margin-left: 2px;
    padding-left:3px;
    margin-bottom: 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='black' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.hotels a:is([href*='://'], [href^='http://'], [href^='https://']):not([href*='recurrence-plot.tk']):not([href^='?']):not([href^='#']):not([href^='/']):not(.noexternal):after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
}

.box a:is([href*='://'], [href^='http://'], [href^='https://']):not([href*='recurrence-plot.tk']):not([href^='?']):not([href^='#']):not([href^='/']):not(.noexternal):after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
}

.speakers a:is([href*='://'], [href^='http://'], [href^='https://']):not([href*='recurrence-plot.tk']):not([href^='?']):not([href^='#']):not([href^='/']):not(.noexternal):after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
}

.note>a.external:after
{
    fill: white; /* Set the fill color to white */	
}

a.nav,a.nav:visited
{
     font-size:10pt;
     color:#fff;
     font-weight:100; 
     text-align:left;
     display:block;
     height:20px;
     padding:5px;
     padding-left:10px;
     padding-right:10px;
     /*border-bottom:dotted #999 1px;*/
     margin-top:0px;
     margin-left:0px;
     text-decoration:none;
}

a.nav:hover
{
     color:#FFF;
     background:rgba(197,145,30);
     text-decoration:none;
     border-radius:0px;
     box-shadow:inset 0 0 15px rgba(0,0,0,.2);
     transition:.1s ease-out;
}

.note>a
{
	color: white;
}

a.nav:active
{
    box-shadow: 0px 0px 9px rgba(255, 255, 255, .8) inset;	
}
#selected
{
  font-weight: 400;   
  height:20px;
     color:#F7CE46;
     /*background:rgb(64,111,173);*/
     border-radius:0px;
     box-shadow:inset 0 0 15px rgba(0,0,0,.1);
    text-shadow:0px 0px 5px rgba(197,145,30,.51);
}
#selected:hover {
  color:white;
}

.background_ {
    background:rgba(238,223,204,.3);
    background-image:url('img/rp_titlebanner.svg');
    background-repeat:no-repeat;
    background-position:left bottom;
    background-size: 145px;
     border-radius:5px;
     padding:2px;
}

hr {
	color: #B8CFE7;
	height: 1px;
}

body
{
    margin:0px;
    color:#444141;
    background-color:rgb(255,255,255);
    padding: 0; 
    background-repeat:no-repeat;
    background-position:right;
    background-position-y:110px;
    background-image: url('img/tenango.svg');
    background-repeat: repeat-y;
	background-size: 140px;
}
body, p, ul, ol, td.big, li, u
  {
     font-size:12pt;
     line-height:16pt;
}

ul.speakers, ul.hotels, ul.box {
  list-style-type: none; /* Entfernt die Standard-Aufzählungszeichen */
  padding: 0; /* Entfernt den Standard-Padding */
  display: grid; /* Stellt die Liste als Flexbox dar */
  gap: 10px; /* Fügt einen Abstand zwischen den Boxen hinzu */
  grid-template-columns: repeat(3, 1fr); /* 3 gleich große Spalten */
}

li.speakers, li.hotels, li.box {
  background:#7799F1;
  color: white; /* Textfarbe */
  padding: 10px 15px; /* Innenabstand (Padding) der Box */
  /*border-radius: 5px; *//* Abgerundete Ecken der Box */
  /*flex: 1; Stellt sicher, dass alle Boxen gleich breit sind */
  box-sizing: border-box; /* Stellt sicher, dass Padding und Border mit eingerech*/
  display: flex;
  flex-direction: column;
  /*justify-content: space-between;*/
}

li.hotels {
  background:#396690;
}

li.box {
  background:#BD943A;
}

li.hotels a, li.box a, li.speakers a {
  color:white;
}


li.hotels figure {
  margin-top: 10px; /* Abstand zum oberen Inhalt */
  width: 100%; /* Bild nimmt die volle Breite der Box ein */
  text-align: center; /* Zentriert das Caption */
}

li.hotels img {
  max-width: 100%; /* Bild passt sich der Box an */
  height: auto; /* Proportionale Skalierung */
  margin-left: -10px; /* Abstand zum oberen Inhalt */
}

.noindent {
  margin-left: -20px;   /* Entfernt zusätzlichen Rand */
  /*list-style-position: inside;*/  /* Falls du das Bullet-Point innerhalb des Elements willst */
}

td
  {
     font-size:11pt;
  }
TD.upper {
	color : #FFFFFF;
	background : #23559C;
     color:#FFEFDB;
     background:#A52A2A;
}

td.smalltab
{
    font-size:8pt;
    border-top: solid black 1px;
}
th.smalltab
{
    font-size:8pt;
}

.smaller {
	font-size: 10pt;
}

table.entries {
	color : black;
	font-size: 11pt;
	border: black 1px solid;
}

 
.long {
     text-align:justify;
  }

td.big
  {
     text-align:left;
  }  
small
  {
     font-size:8.5pt;
  }
.flash:hover
{
    background:#FFEFDB;
}
div.pagetitle
{
    background-color:#A52A2A;
    height:50px;
    padding-top:10px;
    padding-bottom:10px;
}

h2.banner {
  color:#fff;
  font-size: 14pt;
  font-weight: 300;
  margin-top:40px;
  margin-left:60px;
  text-shadow:0px 0px 5px #fff;
  }

h1.banner
{
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
    /*text-transform: uppercase;*/
    padding-left:30px;
    font-size:20pt;
    /*line-height: 12pt;*/
    /*text-shadow:0px 0px 5px #fff;*/
    margin:0px;
    margin-top:-6px;
    margin-bottom:5px;
}
h1.pagetitle
{
    font-size:18pt;
    color:#FFEFDB;
    font-family: "Source Sans 3", sans-serif, sans, Arial;
}

h2 {
    line-height:30px;
    font-family: "Source Sans 3", open sans, sans-serif, sans, Arial;
}
h3 {
    font-family: "Source Sans 3", open sans, sans-serif, sans, Arial;
}

.page-container {
  display: flex;
}

.navcolumn
{
    position:relative;
    top:0px;
    left:0px;
    background:#010030;
    padding:4px;
    padding-bottom: 8px;
    font-size:12px;
    margin:0px;
    margin-top:0px;
    border-top:none 2px rgb(28,248,248);
    display: flex;
    flex-direction: column;
    width:150px;
}

.infocolumn
{
    padding:10px 2px;
    padding-left:2px;
    padding-right:8px;
    font-size:12px;
    text-align:center;
    color:#fff;
    background-color: rgb(197,145,30);
    width:148px;
}

.leftcolumn
{
  width:159px;
  padding:0px;
  margin:0px;
}

.license
{
    font-size:11px;
    border-top:none 1px black;
}
.content
{
    position:relative;
    top:.5em;
    left:20px;
    right:100px;
    bottom:0px;
    width:auto;
    height:auto;
    padding-right:180px;
}
.math
{
    font-family:times, serif;
    font-style:normal;
}
.variable
{
    font-family:times, serif;
    font-style:italic;
}
.vector
{
    font-family:times, serif;
    font-weight:bold;
    font-style:normal;
}
.equation
{
    padding-left:20px;
    font-family:times, serif;
    
}

.note
{
     color:#000;
     background:rgba(197,145,30);
     padding:10px;
     width:80%;
     /*-webkit-border-radius:8px;*/
     /*border-radius:8px;*/
   -webkit-box-shadow:2px 2px 15px #bababa;
   box-shadow:2px 2px 15px #bababa;
     box-shadow:inset 0 0 15px rgba(0,0,0,.02);
}

pre.codeinput {
  background: #EEEEEE;
  padding: 10px;
  font-size:12px;
   box-shadow:2px 2px 15px #bababa;
   white-space:pre-wrap;
}
span.keyword {color: #0000FF}
span.comment {color: #228B22}
span.string {color: #A020F0}
span.untermstring {color: #B20000}
span.syscmd {color: #B28C00}

pre.codeoutput {
  color: #666666;
  padding: 10px;
}

.shadow {
   /*-webkit-border-radius:5px;
   border-radius:5px;*/
   -webkit-box-shadow:2px 2px 15px #bababa;
   box-shadow:2px 2px 15px #bababa;
   max-width:90%;
}

.menu_button_bar {
   display:none;
}

.img_sponsor {
   filter: brightness(0.8);
   transition: 2s ease;
}

.img_sponsor:hover {
   filter: brightness(100%);
   transition: .5s ease;
}


input:focus, select:focus, textarea:focus {
   border:solid #000 1px;
    outline: none !important;
/*    margin-top:5px;
    margin-bottom:3px;
    margin-right:5px;
    margin-left:1px;
    padding-left:8px;*/
}
input:focus, textarea:focus, select:focus {
    box-shadow: inset 0px 0px 6px rgba(0, 0, 0, .15);
}

input, textarea, select
{
    background:rgb(250,250,250);
    border:solid 1px rgb(210,210,210);
    font-size:11pt;
    /*box-shadow: inset 1px 2px 6px rgba(0, 0, 0, .15);*/
    /*border:none;*/
    /*border-radius:4px;*/
    padding:7px;
    margin:5px;
    margin-left:1px;
    font-family:IBM Plex Sans,sans-serif;
}

textarea, input {
	color:#444;
    border-color:rgb(210,210,210);
}

.fullwidth {
    box-sizing:border-box;
    width:100%;
}

input.nav
{
    box-sizing:border-box;
    background:#010030;
    color:#fff;
    font-size:13px;
    outline: none !important;
    font-family:IBM Plex Sans,sans-serif;
    padding:10px;
    margin:5px;
    margin-left: 10px;
    margin-right: 30px;
    display:inline-block;
    box-shadow:inset 0 0 15px rgba(0,0,0,.0);
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    width:70px;
    height:68px;
    /*border-radius:50%;*/
}

input.nav:hover
{
     background-color: #1C32F5;
     box-shadow:2px 2px 15px #bababa;
     /*box-shadow:inset 0 0 15px rgba(0,0,0,.2);*/
     color:#fff;
}
input.navaaa:active
{
    box-shadow: 0px 0px 9px rgba(255, 255, 255, .8) inset;
}


option,select
{

}


.form_reg {
     color:#000;
     background:rgb(210,210,210);
   /*border-radius:5px;
   box-shadow:2px 2px 15px #bababa;*/
   padding:10px;
}

.form_txt {
    font-family:IBM Plex Sans,sans-serif;
    font-size: 14px;
    display:inline-block;
    padding-left:12px;
    padding-right:12px;
}

.form_description {
    font-family:"Source Sans 3", open sans, sans-serif, sans, Arial;
    font-weight: bold;
    font-size: small;
    display:block;
    margin-top:0px;
    color:#555;

}


.confirmbutton {
    background-color: rgb(225,226,213);
    border-radius: 8px;
    font-family:IBM Plex Sans,sans-serif;
    padding:7px;
    margin:5px;
    margin-left: 10px;
    margin-right: 30px;
    display:inline-block;
    outline: none !important;
    box-sizing: border-box;
    text-decoration:none;
    border:none;
     transition: .2s ease;
}   
.confirmbutton:hover {
     background:#1C32F5;
     box-shadow:2px 2px 15px #bababa;
     box-shadow:inset 0 0 15px rgba(0,0,0,.2);
     color:#ffffff;
     transition: .2s ease;

}

.confirmbutton:focus {
    border:solid rgb(152,203,204) 2px;
    margin:3px;
    //margin-left: 28px;
    //margin-right: 28px;
    transition: .3s ease;

}

.req {
     color:rgb(189,9,38);
     vertical-align: 5px;
     font-size: smaller;
}


.req2 {
     color:rgb(16, 135, 35);
     vertical-align: 5px;
}

td.G {
  background-color: gray;
  color: white;
}

.left {
	float:left;
	max-width: 35%;
}

.right {
	float:left;
	margin-left:10px;
}

.rightright {
	float:right;
	margin-left:10px;
}

.timetable {
   font-family: "Source Sans 3", open sans, sans-serif, sans, Arial;
   border-collapse: collapse;
}

.timetable th {
    font-family: "Source Sans 3", open sans, sans-serif, sans, Arial;
}

.timetable td {
  text-align: center;
  padding: 2px;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
}

.timetable td:last-child {
  border-right: 1px solid gray;
}

/* The container */
.container {
  display: inline-block;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  user-select: none;
  margin-right:20px;
  position: relative;
/*
  z-index:4;
	
*/
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  border:solid .2px rgba(210,210,210,0);
  z-index:4;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background:rgb(250,250,250);
  /*box-shadow: inset 1px 2px 6px rgba(0, 0, 0, .15);*/
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  z-index:4;
    /*box-shadow: inset 1px 2px 6px rgba(0, 0, 0, .15);*/
    border: .1px solid #000;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
     background:#1C32F5;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}




/* Create a custom checkbox */
.checkbox {
  border:solid .2px rgb(210,210,210);
  z-index:4;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background:rgb(250,250,250);
  /*box-shadow: inset 1px 2px 6px rgba(0, 0, 0, .15);*/
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkbox {
  z-index:4;
    /*box-shadow: inset 1px 2px 6px rgba(0, 0, 0, .15);*/
    border: 1px solid #000;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkbox {
     background:#1C32F5;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkbox:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.abstract {
	font-size: 14px;
	/*line-height: 20px;*/
	width: 80%;
	display: none;
    text-decoration:none;
}

.abstract:hover {
    text-decoration:none;
    color: #444141;
}

.abstracttitle {
    text-decoration:none;
    font-size: 16px;
}

.abstracttitle em {
     color:rgb(144,50,126);
}

.abstracttitle:hover {
    cursor: pointer;
}

td > strong > em {
     color:#7799F1;
    font-size: 16px;
}

.links_programme {
	display: flex;
    flex-wrap: wrap;
    position: sticky; 
    top: 0; 
    background: white;
    z-index: 10; 
    padding-top: 20px;
    line-height: 2; 
    box-shadow:0px 10px 10px -10px rgba(0,0,0,.2);

}



.links_programme div:not(:last-child)::after {
  content: "|";
  margin-left: 5px;
  margin-right: 5px;
}



.program h3:first-of-type {
	border-top: solid 1px black;
	padding-top:20px;
}

.program table {
	border-bottom: solid 1px black;
	padding-bottom:20px;
}


.program td:nth-child(1) {
  width: 100px;
  /*background: #ddd;*/
  vertical-align: top;
  padding:5px;
  }

/* the second */
.program td:nth-child(2) {
  /*width: 200px;*/
  /*background: #ccc;*/
  vertical-align: top;
  padding:5px;
  display: block;
}

/* the third */
.program td:nth-child(3) {
  /*width: 300px;*/
  /*background: #bbb;*/
  vertical-align: top;
  padding:5px;
  display: block;
 }

/* the third */
.program td:nth-child(4) {
  /*width: 300px;*/
  /*background: #bbb;*/
  vertical-align: top;
  padding:5px;
  display: block;
 }

figure.group {
   width:350px;
}

@media (max-width: 820px) {

  .title {
    /*height:80px;*/
      flex-wrap: nowrap;
  }

  .content {
    top:.5em;
  }


  .links_programme {
    line-height: 36px;
  }

}
 
 

@media (max-width: 910px) {

  ul.hotels, ul.speakers, ul.box {
  grid-template-columns: repeat(2, 1fr); /* 2 Spalten bei kleineren Screens */
}

  .confplace {
    float:left;
    vertical-align: bottom;
    column-count:1;
    margin-left: -20px;
    padding-top:10px;
  }

  .links_programme {
    margin-top:10px;
    margin-right: 20px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: rgb(225,226,213);
    border-radius: 10px;
    width: 100% ;
    box-sizing: border-box;
  }

  .links_programme div:not(:last-child)::after {
    content: unset;
    margin-left: unset;
    //margin-right: unset;
  }

  .links_programme > div {
    flex: 1 1 45%;         /* bis zu zwei Spalten */
    min-width: 200px;      /* passt sich an Bildschirmbreite an */
  }
  
  .right, .left, .rightright {
    float:none;
    max-width: 100%;
    margin-left: 0;
  }

  figure.group {
    width:350px;
    margin-left:0px;
  }

}


@media (max-width: 670px) {
    
  h1.banner {
    font-size: 16pt;
  }
  .navcolumn {
    display:none;
    width:100%;
    column-count:2;
    -moz-column-count: 2;
    -webkit-column-count: 2; 
    margin-left:0px;
    z-index:100001;
    border:none;
    padding-bottom:10px;
    opacity:.9;
    -webkit-box-shadow:0px 8px 10px #555;
  }

  .leftcolumn {
    display:none;
  }

  .infocolumn
  {
      background-color:#87C7FF;
    display:none;
    }

  a.nav
  {
      padding-top:8px;
      padding-bottom:8px;
  }

  div.content {
      top:3em;
      left:0em;
      right:0px;
      padding-left:20px;
      padding-right:20px;

  }
  .menu_button_bar {
    display:inline;
    float:left;
    left:8px;
    top:-0px;
    padding-left:10px;
    padding-top:8px;
  }

  .subtitle {
    height:40px;
    top:0;
    bottom:0;
    padding:0;
    width:100%;
    display: inline-block;
    color:#000;
    line-height: 20pt;
  }

  div.floating {
    float:none;
  }

  .subtitle_description {
    padding-top:10px;
    margin-left:35px;
  }

  #directions img {
      max-width:100px;
  }

  .confplace {
    /*position:absolute;
    right:24px;*/
    font-size:9pt;
    float:right;
    column-count:2;
    -moz-column-count: 2;
    -webkit-column-count: 2; 
  }

  .note {
    width:auto;
    margin-left:0px;
    margin-right:10px;
      box-sizing:border-box;
      width:100%;
  }

  .banner {
    float:none;
    padding-left:10px;
    padding-right:5px;
    flex-basis: auto;
    margin-right: 0;
    margin-bottom: 0px;
  }

  h1.banner {
    margin-left:-35px;
    padding-left:0px;

  }

  .subtitle_description {
    float: right;
    margin-right: 20px;
  }

  .logo {
    display:none;
  }

  .title {
    height:80px;
        flex-wrap: nowrap;
        display: block;
  }

  h2.banner {
    margin-top:50px;
  }

  body {
    background-image: url('');
    background-repeat: repeat-y;
    background-size: 20px;
  }
  ul.hotels, ul.speakers, ul.box {
    grid-template-columns: repeat(1,1fr); 
  }
}