.trwbox {padding: 15px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-radius:15px 15px 0 0;}
.mrwbox {padding: 0 15px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-top:-11px}
.brwbox {padding: 15px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-radius:0 0 15px 15px; margin-top:-11px}


a, a:visited {
    color: #3AB1BE;
}
p {font-size: 1.2rem !important;}
.subh1 {
    color: #a5a5a5;
}
.showwhite {color:whitesmoke}

.center10 {padding:0 10%}
.center20 {padding:0 20%}

.hbox { opacity: 1; filter: alpha(opacity=100); /*background-color: #7bced7;*/} .hbox:hover{opacity: 0.7; filter: alpha(opacity=70);}

@media (max-width: 767px) {
      .center10, .center20 {padding:0}
      }
      
      .h5inlist {font-size:19px !important; vertical-align: middle}


.speech-bubble {
  position: relative;
  max-width: 420px;
  padding: 10px 25px;
  background: #ffffff;
  border: 3px solid #8ED9DF;
  border-radius: 16px;
  font-family: Arial, sans-serif;
  color: #333;
}

/* GIF-Pfeil */
.speech-bubble::after {
  content: "";
  position: absolute;
  left: 30px;   /* Pfeil nach links */
  bottom: -23px;
  width: 32px;  /* ggf. anpassen */
  height:23px;
  background-image: url("https://www.ecml.at/Portals/1/basic/bubble-arrow2.gif");
  background-repeat: no-repeat;
  background-size: contain;
}


.rbbox {background-color: #D9EEFF;padding: 15px; border-radius:15px;}
.video-container {
    position: relative;
    width: 100%; /* Full width of the parent */
    max-width: 560px; /* Limits max size */
    aspect-ratio: 16 / 9; /* Maintains 16:9 aspect ratio */
}
.video-container::after {
    content: "|"; 
    color: #e74c3c;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Roboto";
    color: #555;
    margin-bottom: .5rem;
}
.h5inlist {font-size:1.2rem !important; vertical-align: middle}
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);}

.lang-acy, .color-lang-acy, .color-lang-ACY {background-color: #f3a26e !important}
.lang-an, .color-lang-an, .color-lang-AN {background-color: #f4a000 !important}
.lang-ar, .color-lang-ar, .color-lang-AR {background-color: #5c5f2d !important}
.lang-as, .color-lang-as, .color-lang-AS {background-color: #0c693c !important}
.lang-Assyrian, .color-lang-Assyrian, .color-lang-ASSYRIAN {background-color: #008899 !important}
.lang-ast, .color-lang-ast, .color-lang-AST {background-color: #bdd265 !important}
.lang-be, .color-lang-be, .color-lang-BE {background-color: #5d91cc !important}
.lang-ber, .color-lang-ber, .color-lang-BER {background-color: #e6b200 !important}
.lang-bg, .color-lang-bg, .color-lang-BG {background-color: #5FB246 !important}
.lang-Boyash, .color-lang-Boyash, .color-lang-BOYASH {background-color: #f39d3f !important}
.lang-br, .color-lang-br, .color-lang-BR {background-color: #005d78 !important}
.lang-bs, .color-lang-bs, .color-lang-BS {background-color: #C5BE59 !important}
.lang-ca, .color-lang-ca, .color-lang-CA {background-color: #9c0a54 !important}
.lang-cim, .color-lang-cim, .color-lang-CIM {background-color: #d2af00 !important}
.lang-cnr, .color-lang-cnr, .color-lang-CNR {background-color: #ce4f3a !important}
.lang-co, .color-lang-co, .color-lang-CO {background-color: #9fcfd0 !important}
.lang-crh, .color-lang-crh, .color-lang-CRH {background-color: #ebc43e !important}
.lang-cs, .color-lang-cs, .color-lang-CS {background-color: #0094A4 !important}
.lang-csb, .color-lang-csb, .color-lang-CSB {background-color: #787d4d !important}
.lang-cy, .color-lang-cy, .color-lang-CY {background-color: #81be76 !important}
.lang-da, .color-lang-da, .color-lang-DA {background-color: #D4372E !important}
.lang-de, .color-lang-de, .color-lang-DE {background-color: #927F6B !important}
.lang-egl, .color-lang-egl, .color-lang-EGL {background-color: #3e5549 !important}
.lang-el, .color-lang-el, .color-lang-EL {background-color: #008ED4 !important}
.lang-en, .color-lang-en, .color-lang-EN {background-color: #D2882C !important}
.lang-eo, .color-lang-eo, .color-lang-EO {background-color: #009900 !important}
.lang-es, .color-lang-es, .color-lang-ES {background-color: #ED1D24 !important}
.lang-et, .color-lang-et, .color-lang-ET {background-color: #B1C7AC !important}
.lang-eu, .color-lang-eu, .color-lang-EU {background-color: #e2475d !important}
.lang-fa, .color-lang-fa, .color-lang-FA {background-color: #FF3399 !important}
.lang-fax, .color-lang-fax, .color-lang-FAX {background-color: #88c1e9 !important}
.lang-fi, .color-lang-fi, .color-lang-FI {background-color: #D47D8C !important}
.lang-fiu, .color-lang-fiu, .color-lang-FIU {background-color: #d0d95e !important}
.lang-fo, .color-lang-fo, .color-lang-FO {background-color: #cd744a !important}
.lang-fr, .color-lang-fr, .color-lang-FR {background-color: #D41E53 !important}
.lang-frp, .color-lang-frp, .color-lang-FRP {background-color: #ea7472 !important}
.lang-fur, .color-lang-fur, .color-lang-FUR {background-color: #d2a454 !important}
.lang-fy, .color-lang-fy, .color-lang-FY {background-color: #ef4480 !important}
.lang-ga, .color-lang-ga, .color-lang-GA {background-color: #D4522A !important}
.lang-gag, .color-lang-gag, .color-lang-GAG {background-color: #bfd026 !important}
.lang-gcr, .color-lang-gcr, .color-lang-GCR {background-color: #e3007c !important}
.lang-gd, .color-lang-gd, .color-lang-GD {background-color: #9f5285 !important}
.lang-gl, .color-lang-gl, .color-lang-GL {background-color: #6FA7C8 !important}
.lang-gv, .color-lang-gv, .color-lang-GV {background-color: #c14d41 !important}
.lang-hr, .color-lang-hr, .color-lang-HR {background-color: #3E8DCB !important}
.lang-hu, .color-lang-hu, .color-lang-HU {background-color: #8E683A !important}
.lang-hy, .color-lang-hy, .color-lang-HY {background-color: #cfa86c !important}
.lang-is, .color-lang-is, .color-lang-IS {background-color: #9fd1d2 !important}
.lang-it, .color-lang-it, .color-lang-IT {background-color: #A4CE39 !important}
.lang-itk, .color-lang-itk, .color-lang-ITK {background-color: #723659 !important}
.lang-ja, .color-lang-ja, .color-lang-JA {background-color: #33CCFF !important}
.lang-ka, .color-lang-ka, .color-lang-KA {background-color: #d7968d !important}
.lang-kdr, .color-lang-kdr, .color-lang-KDR {background-color: #746c58 !important}
.lang-kl, .color-lang-kl, .color-lang-KL {background-color: #da5533 !important}
.lang-krl, .color-lang-krl, .color-lang-KRL {background-color: #da575b !important}
.lang-kw, .color-lang-kw, .color-lang-KW {background-color: #de894a !important}
.lang-lad, .color-lang-lad, .color-lang-LAD {background-color: #ce9d38 !important}
.lang-lb, .color-lang-lb, .color-lang-LB {background-color: #916aae !important}
.lang-lij, .color-lang-lij, .color-lang-LIJ {background-color: #548482 !important}
.lang-lld, .color-lang-lld, .color-lang-LLD {background-color: #77b6c3 !important}
.lang-lmo, .color-lang-lmo, .color-lang-LMO {background-color: #d8e39b !important}
.lang-lt, .color-lang-lt, .color-lang-LT {background-color: #A8C2D3 !important}
.lang-lv, .color-lang-lv, .color-lang-LV {background-color: #86B5B4 !important}
.lang-me, .color-lang-me, .color-lang-ME {background-color: #5E7821 !important}
.lang-mhn, .color-lang-mhn, .color-lang-MHN {background-color: #ea5d0a !important}
.lang-mk, .color-lang-mk, .color-lang-MK {background-color: #42ba85 !important}
.lang-mt, .color-lang-mt, .color-lang-MT {background-color: #AB4657 !important}
.lang-nap, .color-lang-nap, .color-lang-NAP {background-color: #ebdf36 !important}
.lang-nds, .color-lang-nds, .color-lang-NDS {background-color: #cada7d !important}
.lang-nl, .color-lang-nl, .color-lang-NL {background-color: #F8972D !important}
.lang-no, .color-lang-no, .color-lang-NO {background-color: #d1d328 !important}
.lang-oc, .color-lang-oc, .color-lang-OC {background-color: #babf62 !important}
.lang-pap, .color-lang-pap, .color-lang-PAP {background-color: #ad9c1d !important}
.lang-pcd, .color-lang-pcd, .color-lang-PCD {background-color: #fcd27b !important}
.lang-pl, .color-lang-pl, .color-lang-PL {background-color: #381E56 !important}
.lang-pms, .color-lang-pms, .color-lang-PMS {background-color: #b42e44 !important}
.lang-pt, .color-lang-pt, .color-lang-PT {background-color: #006397 !important}
.lang-rgn, .color-lang-rgn, .color-lang-RGN {background-color: #a84323 !important}
.lang-rm, .color-lang-rm, .color-lang-RM {background-color: #914427 !important}
.lang-ro, .color-lang-ro, .color-lang-RO {background-color: #913B96 !important}
.lang-rom, .color-lang-rom, .color-lang-ROM {background-color: #3253a4 !important}
.lang-rue, .color-lang-rue, .color-lang-RUE {background-color: #db5043 !important}
.lang-ru, .color-lang-ru, .color-lang-RU {background-color: #6F1C25 !important}
.lang-sc, .color-lang-sc, .color-lang-SC {background-color: #F4C78E !important}
.lang-scn, .color-lang-scn, .color-lang-SCN {background-color: #e95128 !important}
.lang-sco, .color-lang-sco, .color-lang-SCO {background-color: #69828A !important}
.lang-se, .color-lang-se, .color-lang-SE {background-color: #17b0a7 !important}
.lang-sk, .color-lang-sk, .color-lang-SK {background-color: #ADAFC8 !important}
.lang-sl, .color-lang-sl, .color-lang-SL {background-color: #2A7486 !important}
.lang-smn, .color-lang-smn, .color-lang-SMN {background-color: #ef8800 !important}
.lang-sq, .color-lang-sq, .color-lang-SQ {background-color: #f8a176 !important}
.lang-sr, .color-lang-sr, .color-lang-SR {background-color: #F06CA9 !important}
.lang-sth, .color-lang-sth, .color-lang-STH {background-color: #a2b754 !important}
.lang-sv, .color-lang-sv, .color-lang-SV {background-color: #FFC40C !important}
.lang-tr, .color-lang-tr, .color-lang-TR {background-color: #b73834 !important}
.lang-tt, .color-lang-tt, .color-lang-TT {background-color: #354f9a !important}
.lang-uk, .color-lang-uk, .color-lang-UK {background-color: #EFE46F !important}
.lang-vec, .color-lang-vec, .color-lang-VEC {background-color: #7a2e2e !important}
.lang-wa, .color-lang-wa, .color-lang-WA {background-color: #95254d !important}
.lang-wae, .color-lang-wae, .color-lang-WAE {background-color: #d4a66d !important}
.lang-wen, .color-lang-wen, .color-lang-WEN {background-color: #8bc6e4 !important}
.lang-yec, .color-lang-yec, .color-lang-YEC {background-color: #eb72a8 !important}
.lang-yi, .color-lang-yi, .color-lang-YI {background-color: #eee330 !important}
.lang-zh, .color-lang-zh, .color-lang-ZH {background-color: #FFDE00 !important}
.lang-all, .color-lang-all, .color-lang-ALL {background-color: #86CDD6 !important}


.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%}

.bg5, .bg8 {
    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;}
}

.multicolli4 {
  column-count: 4;
  column-gap: 2rem;
  padding: 0;
  margin: 0 0 0 20px;
}
.multicolli3 {  
  column-count: 3;
  column-gap: 2rem;
  padding: 0;
  margin: 0 0 0 20px;
}
.multicolli2 {
  column-count: 2;
  column-gap: 2rem;
  padding: 0;
  margin: 0 0 0 20px;
}

.multicolli4 li, .multicolli3 li, .multicolli2 li {  break-inside: avoid; margin-bottom:5px}

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

/* Handy: max. 600px → nur 1 Spalte */
@media (max-width: 600px) 
{  .multicolli4, .multicolli3, .multicolli2 {    column-count: 2;  }
    .c_right {padding:0 !important}
}

.rwbox {
    padding: 15px;
    border: 1px solid #cccccc;
    border-radius: 15px;
}