h1,h2,h3,h4,h5,h6 {
    font-family: "Roboto";
    color: #555;
    margin-bottom: .5rem;
}

h1,.h1 {
    font-family: "Roboto";
    font-size: 3rem !important;
    font-weight: 500;
    margin-top: 24px !important;
    margin-bottom: 18px !important;
}

h2,.h2 {
    font-family: "Roboto";
    font-size: 2rem !important;
    font-weight: 500;
    margin-bottom: 10px !important;
}

h3,.h3 {
    font-family: "Roboto";
    font-size: 1.8rem !important;
    font-weight: 500;
    text-transform: uppercase;
    margin: 15px 0px 5px 0px;
}

h4,.h4 {
    font-family: "Roboto";
    font-size: 1.6rem !important;
    font-weight: 500
}

h5,.h5 {
    font-family: "Roboto";
    font-size: 1.2rem !important;
    font-weight: 100;
}

h6,.h6 {
    font-family: "Roboto";
    font-size: 1rem !important;
    font-weight: 500
}
.h12 {
    text-align: center;
    margin-bottom: 0;
    color: #aaa;
    font-size: 2.7rem !important;
}
p {
    margin: .8em 0
}
.button {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15sease-in-out, background-color 0.15sease-in-out,
    border-color 0.15sease-in-out, box-shadow 0.15sease-in-out;
}

.button.button-gray {
  color: #212529;
  border-color: #212529;
}
.button.button-danger {
  color: #fff;
  border-color: #e73b3b;
  background-color: #e73b3b;
}
.button.button-link {
    background-color: transparent;
    color: #006397;
}
.button.button-primary {
  color: #fff;
  background-color: #3ab1be;
  border-color: #3ab1be;
}
.button.orange {
  color: #fff;
  background-color: #eea236;
  border-color: #eea236;
}
.button.gray {
  color: #212529;
  border-color: #212529;
}
.button.button-sm {
  padding: 4px 8px;
  font-size: 0.75rem;
}
.white {
    color: white;
}
.wbox {
    padding: 15px;
    border: 1px solid #cccccc;
}
.box {
    background-color: #ECF0F0;
    padding: 15px;
}
#fullimage {
    background-image: none !important;
}
.color-lang-gl {
    background-color: #7eaed0;
}
.languagebox {width: 3.3em;
    display: inline-block;
    text-align: center; text-transform: uppercase;
    height: 2.5em;
    color: #ffffff !important;
    padding: 10px;
    margin-bottom: 3px;
    font-weight: 500;}
.languagebox :hover{opacity: 0.7; filter: alpha(opacity=70);}

.color-lang-ar {background-color: #336633}
.color-lang-bg {background-color: #5FB246}
.color-lang-bs {background-color: #C5BE59}
.color-lang-ca {background-color: #9c0a54}
.color-lang-cs {background-color: #0094A4}
.color-lang-cy {background-color: #81be76}
.color-lang-da {background-color: #D4372E}
.color-lang-de {background-color: #927F6B}
.color-lang-el {background-color: #008ED4}
.color-lang-en {background-color: #D2882C}
.color-lang-es {background-color: #ED1D24}
.color-lang-et {background-color: #B1C7AC}
.color-lang-fa {background-color: #FF3399}
.color-lang-fi {background-color: #D47D8C}  
.color-lang-fr {background-color: #D41E53}
.color-lang-fy {background-color: #ef4480}
.color-lang-ga {background-color: #D4522A}
.color-lang-hr {background-color: #3E8DCB}
.color-lang-hu {background-color: #8E683A}
.color-lang-hy {background-color: #cfa86c}
.color-lang-is {background-color: #9fd1d2}
.color-lang-it {background-color: #A4CE39}
.color-lang-ja {background-color: #33CCFF}
.color-lang-ka {background-color: #d7968d}
.color-lang-lt {background-color: #A8C2D3}
.color-lang-lv {background-color: #86B5B4}
.color-lang-me {background-color: #5E7821}
.color-lang-mk {background-color: #42ba85}
.color-lang-mt {background-color: #AB4657}
.color-lang-nl {background-color: #F8972D}
.color-lang-no {background-color: #d1d328}
.color-lang-pl {background-color: #381E56}
.color-lang-pt {background-color: #006397}
.color-lang-ro {background-color: #913B96}
.color-lang-ru {background-color: #6F1C25}
.color-lang-sk {background-color: #ADAFC8}
.color-lang-sc {background-color: #F4C78E}
.color-lang-sl {background-color: #2A7486}
.color-lang-sq {background-color: #f8a176}
.color-lang-sr {background-color: #F06CA9}
.color-lang-sv {background-color: #FFC40C}
.color-lang-tr {background-color: #b73834}
.color-lang-uk {background-color: #EFE46F}


.funboxesnew {    background-color: white;
    padding: 10px 5px 10px 40px;
    font-size: 15px; text-transform:uppercase;
    height: 95px; color: #3AB1BE;
    background-repeat: no-repeat;
    background-position: 0px 10px;
    line-height: 120%;
	font-weight:bold;}
.funboxnew-1 {background-image: url(/Portals/33/images/icons/1.gif);}
.funboxnew-2 {background-image: url(/Portals/33/images/icons/2.gif);}
.funboxnew-3 {background-image: url(/Portals/33/images/icons/3.gif);}
.funboxnew-4 {background-image: url(/Portals/33/images/icons/4.gif);}
.funboxnew-5 {background-image: url(/Portals/33/images/icons/5.gif);}
.funboxnew-6 {background-image: url(/Portals/33/images/icons/6.gif);}
.funboxnew-7 {background-image: url(/Portals/33/images/icons/7.gif);}
.funboxnew-8 {background-image: url(/Portals/33/images/icons/8.gif);}
.funboxnew-9 {background-image: url(/Portals/33/images/icons/9.gif);}
.funboxnew-10 {background-image: url(/Portals/33/images/icons/10.gif);}
.funboxnew-11 {background-image: url(/Portals/33/images/icons/11.gif);}
.funboxnew-12 {background-image: url(/Portals/33/images/icons/12.gif);}
.funboxnew-13 {background-image: url(/Portals/33/images/icons/13.gif);}
.funboxnew-14 {background-image: url(/Portals/33/images/icons/14.gif);}
.funboxnew-15 {background-image: url(/Portals/33/images/icons/15.gif);}
.funboxnew-16 {background-image: url(/Portals/33/images/icons/16.gif);}
.funboxnew-17 {background-image: url(/Portals/33/images/icons/17.gif);}
.funboxnew-18 {background-image: url(/Portals/33/images/icons/18.gif);}
.funboxnew-19 {background-image: url(/Portals/33/images/icons/19.gif);}
.funboxnew-20 {background-image: url(/Portals/33/images/icons/20.gif);}
.funboxnew-21 {background-image: url(/Portals/33/images/icons/21.gif);}
.funboxnew-22 {background-image: url(/Portals/33/images/icons/22.gif);}
.funboxnew-23 {background-image: url(/Portals/33/images/icons/23.gif);}
.onefunboxnew {margin-bottom:10px; width:100%}

.bg4, .bg6 {
    background-color: #D9EEFF !important;
}
.bg7, .bg9 {
    background-color: #ecf0f0 !important;
}
.banner-red, .banner-blue, .banner-green, .banner-yellow, .banner-calendar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    height: 68px;
    padding-right: 3px;
    padding-left: 70px;
    vertical-align: middle;
    letter-spacing: 0px;
    line-height: 15px;
}
.banner-red {
    background-image: url(/Portals/33/images/banner--red.gif);
}
.banner-green {
    background-image: url(/Portals/33/images/banner--green.gif);
}
.banner-yellow {
    background-image: url(/Portals/33/images/banner--yellow.gif);
}
.banner-blue {
    background-image: url(/Portals/33/images/banner--blue.gif);
}
div.bubble {
    margin: 20px 0;
}
div.bubble div {
    background: url(https://www.ecml.at/Portals/1/basic/bubble-RU.gif) no-repeat bottom right;
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
}
div.bubble div div {
    background: url(https://www.ecml.at/Portals/1/basic/bubble-LU.gif) no-repeat bottom left;
}
div.bubble div div div {
    background: url(https://www.ecml.at/Portals/1/basic/bubble-RO.gif) no-repeat top right;
}

div.bubble div div div div {
    background: url(https://www.ecml.at/Portals/1/basic/bubble-LO.gif) no-repeat top left;
}
div.bubble div div div div div {
    font-style: normal;
    margin: 0;
    padding: 15px 25px 30px 25px;
    width: auto;
    line-height: 180%;
}
.grosse-zahlen {
    clear: both;
    margin: 5px 0;
    padding: 10px 15px;
    position: relative;
}

.zahlen {
    background: url(//archive.ecml.at/tools-for-DNN/images-for-css/zahlen.gif) no-repeat top left;
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 20px / normal Arial, sans-serif;
    margin-right: 8px;
    padding: 7px 7px;
}

.shortcut2 {
  background-color: #00afc5;
  color: white;
  font-weight: bold;
  padding: 5px 20px;
  font-size: 16px;
  display: inline-block;
  border-radius: 10px 0 10px 0;
  text-align: center !important;
  margin-top: -30px;
}
.shortcut {
  background-color: #00afc5;
  color: white;
  font-weight: bold;
  padding: 5px 20px;
  font-size: 16px;
  margin: 15px 0;
  display: inline-block;
  border-radius: 10px 0 10px 0;
  text-align: center !important;
}

.bbox {
    background-color: #D9EEFF;
    padding: 15px;
}
.bluemenu-td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 110%;
}

.bluemenu-box, .bluemenu-box-last {
    display: table;
    width: 180px;
    height: 45px;
    border-radius: 12px;
    background: #7bced7;
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 2px solid #7bced7;
    transition: background-color 500ms, border-color 500ms, font-size 500ms;
}
.bluemenu-link:link, .bluemenu-link:visited {
    color: white;
    font-weight: bold;
}

.bluemenu-box-last {
    margin-right: 0px;
}

.box-participants-age {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 2px;
    background-image: url(/Portals/33/basic/ages.png);
}

.box-time-length {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
}

.box-time-length-def {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 2px;
}
h2.ContactHeader
{
	font-size: 20px;
	font-weight: bold;
}

div.ContactItem
{
   border: 0 none transparent;
   margin-top: 10px;
}

div.ContactWrapper
{
	width: 670px;
	margin-bottom: 10px;
}

div.ContactTable
{
   border-top: 1px #CCCCCC solid;
   border-left: 1px #CCCCCC solid;
   border-right: 1px #CCCCCC solid;
   display: table;
   width: 520px;
   float: left;
   margin-bottom: 32px
}

div.ContactTableRow
{
   border-bottom: 1px #CCCCCC solid;
   display: table-row;
   float: left;
   width: 520px;
}

div.ContactTableCell_Left
{
	padding: 5px;
	display: table-cell;
	width: 120px;
	float: left;
}

div.ContactTableCell_Right
{
	border-left: 1px #CCCCCC solid;
	padding: 5px;
	display: table-cell;
	margin-left: 130px;
	width: 375px;
}


.relayinfo {
    display: none;
}

.new {
    background-color: #555;
    color: #FFF;
    padding: 0 10px;
}
.bubblepeek {margin-top: -15px; margin-left: 20px;}
.center10 {padding: 0 10%;}

@media only screen and (max-width: 767px) {
  /* Dein CSS nur für Handy */
  p {font-size: 18px !important;}
  li {font-size: 18px !important; margin-bottom:5px;}
  .mainimage {
    margin-top: 70px !important;
    margin-left:10px; margin-right: 10px; padding-bottom:10px;}
    .pv-3 {padding-right:20px;}
    #mainMenu {margin:0 10px; width:87%}
    .menuMovie {margin-top:10px;}
    #footer {padding-left: 25px;}
    .bubblepeek {margin-top: -12px;}
    h5, .h5 {line-height: 1.6rem !important;}
    .center10 {padding: 0 0;}
}

.multicolli {
  column-count: 4;
  column-gap: 2rem;
  list-style-position: inside;
  padding: 0;
  margin: 0;
}
.multicolli2 {  column-count: 2;
  column-gap: 2rem;
  list-style-position: inside;
  padding: 0;
  margin: 0;
}

.multicolli li, .multicolli2 li {  break-inside: avoid;}

/* Tablet: max. 900px → nur 2 Spalten */
@media (max-width: 900px) {
  .multicolli, .multicolli2 {    column-count: 3;  }
}

/* Handy: max. 600px → nur 1 Spalte */
@media (max-width: 600px) 
{  .multicolli, .multicolli2 {    column-count: 2;  }
}