@import url('https://fonts.googleapis.com/css2?family=Calligraffitti&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos.eot');
    src: url('../fonts/Aptos.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos.woff2') format('woff2'),
        url('../fonts/Aptos.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PhosphateRRSolid';
    src: url('../fonts/PhosphateRRSolid.eot');
    src: url('../fonts/PhosphateRRSolid.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PhosphateRRSolid.woff2') format('woff2'),
        url('../fonts/PhosphateRRSolid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Bold.eot');
    src: url('../fonts/Aptos-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos-Bold.woff2') format('woff2'),
        url('../fonts/Aptos-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



:root {
    --bs-gutter-x: 1.5rem;
}


body {
    line-height: 1.5;
	font-family: 'Aptos', 'Poppins', sans-serif;
	font-weight: normal;
	color:#fff;
}

body, html {
  font-size: 15px;
  height: 100%;
  margin: 0;
  background-color: #EEF3FF;
  color: #fff;
}
textarea, input, button { outline: none; }

.f-0_5{
	font-size: .5rem;
}
.f-1_1{
	font-size: 1.1rem;
}
.f-1_4{
	font-size: 1.4rem;
}
.f-2_5{
	font-size: 2.5rem;
}

.bg-red{
	text-align: center;
	border-color: #FF5022 !important;
	background-color: #FF5022 !important;
}
.bg-red-2{
	background-color: #ED3D36;
}
.bg-black { 
	background-color: #000;
}
.t-white{
	color: #fff;
}
.t-green{
	color: #5AB798;
}
.t-d-green{
	color: #5FC2A1;
}
.t-l-gray{
	color: #DBDBDB;
}
.t-gray{
	color: #959595;
}
.t-d-gray{
	color: #4C4C4C;
}
.t-yellow{
	color: #FFD34F;
}
.t-orange{
	color: #FFC778;
}
.t-blue{
	color: #4A89FF;
}
.t-blue-2{
	color: #163A87 !important;
}
.t-l-blue{
	color: #A9ADBE;
}
.t-d-blue{
	color: #0E1E65;
}
.f-15{
	font-size: 15px;
}
.fw-700{
	font-weight: 700;
}
.wb{
	word-break: break-word;
}
.fw-900{
	font-weight: 900;
}
.fTN1{
	font-family: 'Tolyer No.1';
}
.lh-0_8{
	line-height: .8 !important;
}
.lh-0_7{
	line-height: .7 !important;
}
.btn-white-outline,
.btn-white-outline:hover,
.btn-white-outline:active{
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff !important;
	border-radius: 50px;
	font-size: 10px;
    line-height: 1;
    display: inline-block;
}

.btn-blue,
.btn-blue:hover,
.btn-blue:active{
	border: 1px solid #2c7aab;
	background-color: #2c7aab;
	color: #fff !important;
	border-radius: 50px;
    line-height: 1.2;
    display: inline-block;
	font-weight: 700;
	padding-left: 16px;
    padding-right: 16px;
	font-size: 17px;
}
.reg_button,
.reg_button:hover,
.reg_button:active,
.reg_button:visited{
    display: inline-block;
    padding: 8px 26px 16px 26px;
    color: rgba(255, 255, 255, 0.4) !important;
    font-family: 'PhosphateRRSolid';
    background: transparent;
    border-radius: 29px;
    font-size: 2.5rem;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    border: 3px solid rgba(255, 255, 255, 0.4);
}
.reg_button:after{
	position: absolute;
    bottom: -8px;
    right: -1;
	width: 83px;
	height: 31px;
	background-image: url("../img/Reg_btn_art.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
}

h1.menu_title {
	font-family: 'PhosphateRRSolid';
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 2;
	color: #084387;
	text-transform: uppercase;
	margin-bottom: 0;
	text-align: center;
}
#welcome h1.menu_title{
	position: relative;
	margin-bottom: 49px;
	z-index: 3;
}
.greeting_text_hide{
	max-height: 0;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
.open .greeting_text_hide{
	max-height: 1000px;
}
.read_more{
	text-align: center;
	cursor: pointer;
}
.open .read_more{
	display: none;
}
/* ------------------- Congress  2021 ------------*/
header{
	position: fixed;
    left: 0;
	right: 0;
	z-index: 999;
	transition: top .2s ease-in-out;
}
.container, .container-xxl{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

/* ------------------- Navigation ---------------*/

.navbar-toggler {
    border: none;
    position: absolute;
    top: 3px;
    left: 7px;
    border-radius: 0;
}
.navbar-toggler:focus{
    box-shadow:none;
}
.navbar-collapse.collapsing,
.navbar-collapse.show{
	background-color: #F0F8FF;
    margin-top: -17px;
    padding: 55px 40px 25px 40px;
}
.navbar-collapse.collapsing .navbar-nav .nav-link,
.navbar-collapse.show .navbar-nav .nav-link {
    color: #084387;
	text-align: center;
	font-size: 17px;
}
.line {
    fill: none;
    stroke: #084387;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.fix .line,
.fixed .line{
	stroke: #254a77;
}

.line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}
.line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.opened .line1 {
	stroke: #254a77;
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}
.opened .line2 {
	stroke: #254a77;
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}
.opened .line3 {
	stroke: #254a77;
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}
#lang {    
	position: absolute;
    top: 9px;
    right:1rem;
	font-weight: 700;
}
#lang ul li {display: none;}
#lang ul li.active{display:inline-block;}
#lang ul {
	position: relative;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#lang ul{
	padding:0;
	background-color: #D2E7F9;
}
#lang ul li{
	background-color: white;
	margin-bottom: 0;
    border-radius:0;
    border: 2px solid #084387;
	margin-bottom: 0;
}
#lang ul li a, 
#lang ul li.active a{
	color: #084387 !important; 
	background-color: white;
	font-size: 1rem;
	line-height:1;
	border:none;
	margin:0;
	padding: 4px;
    cursor: pointer;
    text-decoration: none;
    display: block;
}

#lang ul li{
	padding:0;
}
#lang ul li{
	width:fit-content;
}
#lang ul li a:before, 
#lang ul li a:after{
	display:none;
}
#lang ul.responsive li {
    display: block;
}

.nav-link{
	color: #084387;
}
.nav-link:hover{
	color: #497fc1;
}
section{
	background-size: cover;
	background-repeat: no-repeat;	
	max-width: 1920px;
    margin: 0 auto;
}

section > img{
	max-width: 100%;
	height: auto;
}
div img{
	max-width: 100%;
	height: auto;
}

#welcome{
	background-color: #f7f7f5;
	background-image: url('/assets/img/header_bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	overflow: hidden;
}
#welcome .container-xxl{
	padding-left: 9px;
	padding-right: 9px;
}
.logo_wrapper{
	width: 100%;
	min-height: 100%;
	padding-top: 10vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.arrow_down{
	text-align: center;
	margin-top: 5%;
}
.arrow_down svg{
	width: min(52px, 6vw);
}
.img_desktop,
.logo_horizontal{
	display: none;
}
.logo_wrapper img{
	margin: 0 auto;
	max-width: 81vw;
}

#greetings{
	position: relative;
	min-height: 600px;
	color:#084387;
	padding-bottom: min(50vw,170px);
	scroll-margin-top: 150px;
}
#greetings::before{
	content: "";
    display: block;
    position: absolute;
    top: -75px;
    background-image: url('/assets/img/greetings_bg.svg');
    z-index: 0;
    left: -48vw;
    right: -9px;
    height: 100%;
    background-size: 183vw;	
	background-repeat: no-repeat;
}
#greetings::after{
	content: "";
    display: block;
    position: absolute;
    bottom: -1vw;
    background-image: url('/assets/img/greetings_end_bg.png');
    z-index: 0;
    left: -100vw;
    right: -100vw;
    height: 100vw;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    background-position: bottom;
}
#greetings .modal-content{
	background-image: url('/assets/img/greeting_modal_bg.jpg');
	background-size: cover;
	background-position: center center;
}
#greetings .container-xxl{
	position: relative;
	background-color: #FFFFFF;
	border-radius: 15px;
	z-index: 2;
}
#greetings .row .face_img img{
	position: relative;
	z-index: 1;
}
#greetings .face_img.posthumous::before{
	content: attr(data-text);
	background-color: #4C4C4C;
	position: absolute;
    left: 1px;
    right: 1px;
    top: -27px;
    z-index: 0;
    color: #A0A0A0;
    font-weight: 700;
    padding-bottom: 59px;
    padding-top: 4px;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
}
.greeting_text_name{
	display: none;
}
details summary::-webkit-details-marker {
    display: none;  
}

details summary {
    width: 100%;
    position: relative;
    cursor: pointer;
    font-weight: 400;
	list-style: none;
	margin: 15px 0 30px 0;
	z-index: 1;
}
details summary::before{
	content: "";
	width: 100px;
    background-color: #fff;
    height: 2rem;
    display: block;
    border-radius: 15px;
    margin: 0 auto;
    position: absolute;
    left: 0;
	right: 0;
	top:-4px;
    z-index: -1;
}
details:first-child summary{
    border-top: none;
}
details summary:after {
    position: absolute;
    transform-origin: center;
    transition: 200ms linear;
}
details summary {
	outline: 0;
	display: inline-block;
}
details{
	text-align: left;
}
summary{
	text-align: center;
}
.blue{
	color: #26c5ff !important;
}
#program .blue{
	color: #7aa9dd !important;
}
.d-blue{
	color: #3576b2 !important;
}
.red{
	color: #ff0000 !important;
}
.greeting_text{
	margin: 7px auto;
}

#greetings .gb_white{
	position: relative;
	height: 630px;
	overflow: hidden;
}
#greetings .container-xxl{
	padding-left: 13px;
	padding-right: 13px;
}
.greeting_name_position{
	text-align: start;
	font-size: min(30px, 4vw);
	font-weight: 700;
	color: #084387;
	border-bottom: 2px solid #E9F3FA;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.greeting_head{
	display: flex;
    align-items: flex-end;
	gap: 14px;
	margin-bottom: 14px;
}
.greeting_head img{
	width: min(350px, 40vw);
}
.vl .greeting_head{
	margin-top: -49px;
}
.host .greeting_head{
	border-top: 2px solid #E9F3FA;
	padding-top: 12px;
	margin-top: 12px;
	flex-direction: row-reverse;
}
.greetings_end_message{
	font-family: 'Calligraffitti', cursive;
	font-size: min(54px, 8vw);
	padding-left: 20%;
	padding-right: 20%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
.greeting_name_text{
	font-family: 'Poppins', sans-serif;
	font-size: min(40px, 7vw);
	font-weight: 800;
	line-height: 1.2;
	color: #084387;
	margin-bottom: 0;
}

#greetings .gb_white.open{
	position: relative;
	height: auto;
	overflow: visible;
}

#greetings .gb_white.open:before,
#greetings .gb_white.open .read_more{
	display: none;
}

#greetings .gb_white:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 75% ,rgb(247,247,245) 85%,rgb(247,247,245) 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 75%,rgb(247,247,245) 85%,rgb(247,247,245) 100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 75%,rgb(247,247,245) 85%,rgb(247,247,245) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00FFFFFF",endColorstr="#FFFFFFFF",GradientType=0);
    pointer-events: none;
    z-index: 10;
}
#greetings .read_more{
	cursor: pointer;
}
#info {
	margin-top: max(-35vw,-150px);
	font-family: 'Poppins', sans-serif;
	font-size: min(22px, 4vw);
}
#info .info_container{
	background-color: #d3eefe;
}


#program_info{
	min-height: initial;
	color:#084387;
	background-color: #d3eefe;
	background-image: url('/assets/img/program_bg.jpg');
	background-repeat: no-repeat;
	background-position: left 5rem;
	padding-bottom: 150px;
	background-size: 244%;
	overflow: hidden;
}
.program_content{
	background-color: #fff;
	border-radius: 15px;
	margin-left: 9px;
	margin-right: 9px;
}
#program hr{
	background-color: #DBDBDB;
    height: 2px;
    opacity: 2;
	border: none;
}
#program .nav{
	margin: 0 auto;
}
.p_location{
	font-weight: bold;
    border-radius: 25px;
    text-align: center;
}
.p_location a{
	text-decoration:none;
	display:block;
}

.nav-pills .nav-link{
	font-family: 'Aptos', sans-serif;
    font-size: min(30px, 4.5vw);
    color: #084387;
    font-weight: 600;
    border-radius: 25px;
    border: 1.5px solid transparent;
    background-color: #EBF7FF;
    filter: drop-shadow(6px 6px 0px #B9E1F7);
    margin: 0 auto;
    padding: 8px 13px;
}
.nav-pills .nav-link.active{
	border: #084387 1.5px solid;
	background-color: #EBF7FF;
	color: #084387;
}
.nav-pills .nav-link .name_full{
	display: none;
}
.nav-pills .nav-link.active .name_full{
	display: block;
}
.nav-pills .nav-link.active .name_abr{
	display: none;
}
#program{
	font-family: 'Aptos', sans-serif;
}
#program th{
	color: #084387;
	text-transform: uppercase;
	font-weight: 600;
}
#program td{
	color: #084387;
	text-align: start;
}
#program h2{
	font-family: 'Aptos', sans-serif;
    font-size: min(30px, 6.5vw);
	font-weight: 600;
}
#program tr{
	border-bottom: 1px solid #76A0EF;
}
#program tr:last-of-type{
	border-bottom: none;
}
#program tr.bb2{
	border-bottom: 2px solid #084387;
}
#program table tbody td:first-child{
	text-align: center;
	color: #084387;
	font-size: 20px;
	font-weight: 600;
}

#program table table tbody td:first-child{
	text-align: center;
	color: #084387;
	font-size: 20px;
	font-weight: 600;
}
#program table table tbody td:last-of-type{
	padding-left: 20px;
}

#program th:first-child,
#program td:first-child{
	text-align: right;
	text-overflow:ellipsis;
}
#program td{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
#program td ul{
	text-align: start;
}

/* REGISTER page
-------------------------*/
#register {
	background-image:url('/assets/img/header_bg.jpg');
	position:relative;
	width: 100%;
  	background-position: center bottom; 
  	background-repeat: no-repeat;
  	background-size: cover;
	height: 100vh;
}
#register #reg_logo{
	width:14.67%;
}
#register{
	font-size:1.35rem;
	font-weight:600;
	overflow-y:hidden;
	-ms-overflow-style: none;  
    overflow: -moz-scrollbars-none;
	color: #000; 
}
#register .register_btn{
	margin-top:1.5rem;
	font-size:3.64rem;
	line-height:2.1;
	background-color:#fff;
	border-radius:4rem;
	display:inline-block;
	color:#3c6bb1;
	padding:0 3rem;
	cursor:pointer;
	-webkit-box-shadow: 1rem 1rem 0.5rem 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 1rem 1rem 0.5rem 0px rgba(0,0,0,0.25);
	box-shadow: 1rem 1rem 0.5rem 0px rgba(0,0,0,0.25);
}
#register::-webkit-scrollbar { 
    display: none;
}
.register_page{
	display:none;
}
.r_small{
	height:30%;
}
.r_medium{
	height:45%;
}
.r_large{
	height:55%;
}
.r_xlarge{
	height: 67%;
    top: 0 !important;
    background-color: rgb(0 0 0 / 60%);
    padding-top: 1%;
}
#register div.r_row{
	padding:0.3em;
}
#register div.name input{
	width:14%;
}
#register div.name label.last{
	width: 7vw;
}
#register div.col2 input{
	width:15%;
}
#register div.col2 label.last{
	min-width: 9vw;
}
#register div.col3 input{
	width:13.2%;
}
#register #register_title{
	position:absolute;
    top: 6%;
	width:100%;
	text-align:center;
}
#register #register_title img{
	width:22%;
}
#register #register_participants{
	padding:0;
	margin:0;
	list-style:none;
}
#register #register_participants li{
	display:inline-block;
	width:2.31%;
	margin:3.1% 0.2% 0.2% 0.2%;
	background-color:#b3b3b3;
	position: relative;
	border-radius:50%;
	background-image:url("../img/people.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size: contain;
	cursor:pointer;
}
#register #register_participants li:hover, #register #register_participants li.active{
	background-color:#000000;
}
#register #register_participants li:before{
	content: "";
	display: block;
	margin-top: 100%;
}
#register #register_navigation{
	position: absolute;
    width: 100%;
    bottom: 4%;
    text-align: center;
    box-sizing: border-box;
    margin: auto;
    left: 0;
	right: 0;
	z-index: 9999;
}
#register #register_navigation div {
    background-color: rgba(255,255,255,0.1);
    border: 4px solid #FFF;
    border-radius: 2.6vw;
    display: inline-block;
    padding: 0.8vw 0.2vw 0.8vw 0;
    cursor: pointer;
    width: 75px;
    box-sizing:border-box;
}
#register #register_navigation div:last-child{
	padding: 0.8vw 0 0.8vw 0.2vw;
}
#register #register_navigation div img{
	width: 50%;
}
#register #register_navigation div:hover{
	background-color: #3c6bb1;
}
#register .register_page{
	width:100%;
	text-align:center;
	color:#000;
    position: absolute;
    top: 20%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#register .register_page select.name_prefix{
	width: 3.2em;
    height: 1.65vw;
    vertical-align: bottom;
    padding: 0;
    margin: 0;
}
#register .register_page label.radio {
	margin: auto;
	text-align:center;
	font-size: 1.2em;
    font-weight: 600;
	padding:1vw 0.4vw;
	color:#000;
	background-color:rgba(255,255,255,0.1);
	border: 4px solid #FFF;
	border-radius: 2.2vw;
}
#register .register_page #packages{
	background-color: rgb(0 0 0 / 39%);
    padding-top: 30px;
}
#register .register_page #packages label.radio{
	margin: auto;
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
    color: #000;
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0.8vw 0;
}
#register .register_page #packages label.radio:hover{
	background-color:rgba(255,255,255,0.2);
}
#register .register_page label.lang {
    min-width: 10vw;
}
/* hide input */
#register .register_page input.radio:empty {
	display:none;
}
#register .register_page.custom_radio label.radio{
	border:none;
	background-color:transparent;
	text-align: left;
}
#register .register_page.custom_radio input.radio{
	display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 3px solid #27c5ff;
    transition: 0.2s all linear;
    margin-right: 5px;
    position: relative;
    top: 4px;
}

#register .register_page.custom_radio input:checked {
    background-color: #27c5ff;
    outline: unset !important /* I added this one for Edge (chromium) support */;
}

#register .register_page.custom_radio input.radio:empty ~ label {
    position: relative;
    display: inline-block;
    margin-top: 0;
	padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: calc(100% - 45px);
    vertical-align: bottom;
	font-size: 1.2rem
}
#register .register_page.custom_radio input.radio ~ label span{
	font-weight:normal;
}

#register .register_page.custom_radio input.radio:checked ~ label{
	background-color:transparent;
	color: #26c5ff;
}

/* style label */
#register .register_page input.radio:empty ~ label {
	position: relative;
	display: block;
	margin-top: 0.3em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#register .register_page input.radio:checked ~ label, #register .register_page #packages input.radio:checked ~ label {
	color:#3c6bb1 ;
	background-color:#fff;
}

#register #btn_addparticipant, 
#register #btn_sendform,
#register #btn_lastPage{
	width: 20vw;
	display: inline-block;
	margin: auto;
	text-align:center;
	font-size: 1em;
	font-weight:600;
	padding:1vw 0.4vw;
	color:#000;
	background-color:rgba(255,255,255,0.1);
	border: 4px solid #FFF;
	border-radius: 2.2vw;
	margin: 0 1vw;
}
#register #btn_addparticipant:hover, 
#register #btn_sendform:hover,
#register #btn_lastPage:hover{
	color:#3c6bb1;
	background-color:#fff;
}
#register .tnc input{
	vertical-align: top;
	margin-top: 7px !important;
	width:inherit !important;
}
#register #tnc{
	display:none;
}
#register #tnc_popup{
	width: 90vw;
	max-width: 900px;
    text-align: left;
    font-weight: 400;
    margin-bottom: 0vw;
    font-size: 1.1rem;
}
#register #tnc_popup a{
	color:#000;
	text-decoration: underline;
}
#register .register_page label{
	min-width: 14vw;
    display: inline-block;
    font-size: 0.72em;
    text-align: right;
	margin-right:0.3em;
}
#register .register_page input, #register .register_page select{
	line-height: 1.6em;
	width:40%;
	padding:0 0.3em;
	background-color:#fff;
    border: 1px solid #cbcbcb;
	color:#1b1b1b;
	font-size:1vw;
	font-weight:600;
}
#register .register_page select{
	padding: 0.35em 0.4em;
}
#register .register_page select option{
	font-weight:600;
}
#register .register_page textarea{
	line-height: 1.2em;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    font-size: 1.4vw;
    display: block;
    width: 60%;
    margin: 0.3em auto;
    height: 13%;
}
#register .register_page #part_invoice_data,
#register .register_page #part_comment{
	height: 50%;
}
#register .inline div{
	display:inline-block;
	vertical-align:top;
	margin:0 0.5%;
}
#register #reg_contry{
	padding-left: 15.7vw !important;
}
#register .register_page .p_col{
	display:inline-block;
	vertical-align:top;
	margin:0 0.1em;
	font-size: 1.1rem;
    width: 18%;
}
#register .register_page .p_row{
	line-height:2em;
	padding:0 0.4em;
}
#register .register_page .p_col .one{
	color:#FFF;
	background-color:#808080;
}
#register .register_page .p_col .two{
	color:#FFF;
	background-color:#666666;
}
#register .register_page .p_col .three{
	color:#FFF;
	background-color:#333333;
}
#register .register_page .p_col .full{
	color:#FFF;
	background-color:#000000;
}
#register .register_page .p_col .gray{
	color:#FFF;
	background-color:#999999;
}
#register .register_page .p_col .red{
	color:#FFF !important;
	background-color:#ff0000;
}
#register .register_page .p_col label.radio{
	background-color:transparent;
	color:#000;
	line-height:2em;
	margin-top:0 !important;
	width:100%;
}
#register .register_page .invoice_text{
	width:37%;
	margin:auto;
	font-size:1.2vw;
}
#register .register_page .invoice_text img{
	width:100%;
}
#register .register_page .info{
	width: 73%;
    text-align: left;
    margin: 2% auto;
    font-size:1vw;
}
#register .register_page .info #packageinfo_show{
    display: inline-block;
    padding: 0.4em 0.3em;
    border: 3px solid #fff;
    cursor: pointer;
    margin: 0;	
}
#register #packageinfo, #register #ajaxinfo{
	display:none;
	background-color: #FFF;
	color:#000;
	font-size:1vw;
    position: fixed;
    width: 60%;
    top: 12%;
    left: 20%;
	-webkit-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.8);
	text-align:center;
}

#register #ajaxinfo{
	max-height:80%;
	overflow:auto;	
}
#register #ajaxinfo li{
	list-style:none;	
}
#register #packageinfo ul{
	padding: 2% 15%;
    margin: 0;
}
#register #packageinfo li{
	list-style: none;
    padding: 2% 0;
    font-size: 0.9em;
    color: #111;
	border-bottom: 1px solid #eee;
}
#register #packageinfo li:last-child{
	border-bottom:none;
}
#register #packageinfo #packageinfo_close, #register #ajaxinfo #ajaxinfo_close, #grettings_pop_up #grettings_close, #map_airport #map_airport_close, #map_hotel #map_hotel_close{
	display: inline-block;
    position: absolute;
    cursor: pointer;
    padding: 1%;
    top: 0;
    right: 0;
}
#register #packageinfo #packageinfo_close:after, #register #ajaxinfo #ajaxinfo_close:after, #grettings_pop_up #grettings_close:after, #map_airport #map_airport_close:after, #map_hotel #map_hotel_close:after{
	display: inline-block;
  	content: "\00d7"; /* This will render the 'X' */
	line-height:0.5;
	font-family:Verdana, Geneva, sans-serif;
	font-size:2em;
}
#register #packageinfo #more{
	position: absolute;
    bottom: 2%;
    left: 2%;
    font-size: 0.8em;
    color: #999;
}

#register #btn_sendform{
	display:none;
}



#covid{
	background: rgb(106,203,117);
	background: linear-gradient(180deg, rgba(106,203,117,1) 0%, rgba(106,203,117,1) 90%, rgba(68,135,83,1) 100%);
}
#covid h1{
	color:#3f6843;
	margin-bottom: 5rem;
}
#covid h2 span{
	display: block;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.text-blue{
	color: #004487;
}
.text-red{
	color: #E65747;
}
.text-light-blue{
	color: #48CEF7;
}
.info_box{
	position: relative;
	max-width: 81vw;
	margin: 40px auto 15px auto ;
	background-color: #fff;
	border-bottom-left-radius: 11px;
	border-bottom-right-radius: 11px;
	border-top: 3px solid #084387;
	text-align: center;
	padding: 20px 20px 20px 20px;
	filter: drop-shadow(6px 6px 0px #B9E1F7);
	text-align: center;
}
.info_box hr{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	opacity: 1;
	border-top: 5px solid #EEF3FF;
}
.info_box .art {
	width: min(188px,30vw);
	margin: auto;
}
.info_box h2{
	font-family: 'PhosphateRRSolid';
	line-height: 1;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-transform: uppercase;
	font-size: min(60px, 8vw);
}
.info_box .info_time{
	color: #2C65C7;
	font-weight: 700;
}
.info_box .info_location{
	color: #2C65C7;
	font-weight: 400;
}
.info_button{
	border-radius: 30px;
	background-color: #EBF7FF;
	filter: drop-shadow(6px 6px 0px #B9E1F7);
	max-width: 81vw;
	margin: 0 auto;
	padding: 10px 20px;
}
.info_button a{
	text-decoration: none;
	font-weight: 500;
	color: #084387;
}
.hotel_box{
	padding-bottom: 11px;
	padding-left: 15px;
    padding-right: 15px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 38px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
	min-height: 23vw;
}
.hotels .col{
	position: relative;
}
#accomodation{
	background-color: #fff;
    border-radius: 15px;
    margin-left: 9px;
    margin-right: 9px;
}
.section_header{
	padding: 15px 18px;
}
.accomodation_header .art{
	width: 112px;
	margin-left: auto;
	margin-right: auto;
}
.section_header h2 svg,
.section_header h2 img{
	width: min(10vw, 109px);
	height: auto;
}
.accomodation_desc{
	padding-bottom: 20px;
}
.accomodation_desc a{
	color: #8FC1EB;
	border-radius: 18px;
	border: #8FC1EB 1px solid;
	font-size: 1.2em;
	padding: 2px 8px;
	font-weight: 500;
}
.hotel_details{
	height: 35vw;
	background-size: cover;
    background-position: center center;
	display: flex;
	text-align: center;
    align-items: center;
	justify-content: center;
}
.hotel_altes{
	background-image: url('../img/Hotel_Altes-Zollamt.jpg');
}
.hotel_hinrichsen{
	background-image: url('../img/Hotel_Hinrichsen.jpg');
}
.hotel_osterkrug{
	background-image: url('../img/Hotel_Osterkrug.jpg');
}
.hotel_schlosspark{
	background-image: url('../img/Hotel_Am_Schlosspark.jpg');
}
.hotel_wohlerts{
	background-image: url('../img/Hotel_Wohlerts.jpg');
}
.hotel_thomas{
	background-image: url('../img/Hotel_Thomas.jpg');
}

.offers .info_box{
	border-top: 0;
	filter:none;
	padding: 0;
}

.offers .info_box .art{
	width: min(15vw, 113px);
	margin-top: min(-7.5vw, -56px);
}
.offers .info_box .art svg{
	width: 100%;
	height: auto;
}
#accomodation .offers .info_box h2{
	font-family: 'Aptos', 'Poppins', sans-serif;
    font-weight: 700;
    text-transform: none;
    font-size: min(30px, 5vw);
	line-height: 1.5;
}
.information-art{
	display:none;
	opacity:0;
}
.packages{
	padding: 40px 0 0 0;
}
#airports{
	position: relative;
	z-index: 1;
	border-radius: 15px;
	margin-top: 17px;
	background-color: #ffffff;
	margin-left: 9px;
	margin-right: 9px;
	padding-bottom: 21px;
}
#airports .info_box{
	border-radius: 9px;
	padding: 0;
	background-color: #D2E6FF;
}
.shuttle-header{
	border-radius: 9px;
	background-color: #fff;
	font-family: 'Tolyer No.1';
	position: relative;
	display: flex;
	text-align: left;
}
.shuttle-header-img{
	margin-top: 19px;
	width: 56px;
	margin-right: 15px;
	height: auto;
	flex-shrink: 0;
}
.shuttle_country{
	text-align: center;
	color: #fff;
	width: 56px;
	position: absolute;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.shuttle-body{
	font-weight: bold;
	position: relative;
	display: flex;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-right: 15px;
}
.bus .shuttle-body{
	
	padding-top: 20px;
	font-weight: normal;
}
.shuttle-body ul {
	padding-left: 0;
	list-style-type: none
}
.shuttle-body li {
	display: grid;
	grid-template-columns: 15px auto;
	justify-content: start;
	align-items: center;
}
.shuttle-body li::before {
	content: "»";
	color: #fff;
}
.shuttle-body a{
	color: #6B9FFF !important;
	background-color: #fff;
	border-radius: 14px;
	padding: 5px 15px;
}
.shuttle-body-img{
	position: relative;
	z-index: 2;
	width: 56px;
	margin-right: 15px;
	height: auto;
	flex-shrink: 0;
}
.shuttle-body-img img{
	position: relative;
	z-index: 2;
}
.shuttle-time{
	padding-top: 5px;
	background-color: #2C65C7;
	text-align: center;
	font-size: 12px;
	color: #B8D8FF;
	z-index: 0;
    position: relative;
    margin-top: -5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#information{
	scroll-margin-top: 80px;
}
#information .packages h2{
	display: inline-block;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	background: #206E9E;
	border-radius: 20px 20px 0 0;
	margin-bottom: 0;
	padding: 11px 24px;
}
.packages hr{
	margin: 0;
	color: #424242;
}
.packag_details, .no_acc_details{
	background: #F3F5F3;
	border-radius: 31px;
}
.packag_details .col div,
.no_acc_details .col div{
	text-align: center;
	padding: 8px 18px 18px 18px;
	font-weight: 700;
	line-height: 1.2;
}
.no_acc_details .col div{
	padding: 18px;
}
.package_box{
	font-weight: 700;
	padding-top: 11px;
	padding-bottom: 8px;
	border-radius: 26px;
	text-align: center;
	color: #818181;
	background-color: #fff;
	font-size: 14px;
    line-height: 1.3;
}
.package_box hr{
	margin-top: 7px;
	margin-bottom: 6px;
}
.only_congress{
	padding-top: 9px;
	color: #fff;
	background-color: #2567AD;
}
.only_congress_packages{
	margin-top: 12px;
    margin-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
}

.only_congress_packages .col div{
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 14px;
	font-size: 11px;
}
.only_congress_packages .col:nth-child(1) div{
	background-color: #1B548F;
}
.only_congress_packages .col:nth-child(2) div{
	background-color: #144476;
}
.only_congress_packages .col:nth-child(3) div{
	background-color: #002751;
}
#information h1{
	padding-top: 20px;
	padding-bottom: 20px;
	color: white;
}
#information h2{
	font-family: 'PhosphateRRSolid';
	font-weight: normal;
	text-transform: uppercase;
	font-size: min(58px, 7vw);
	color: #2C65C7;
}
#information a{
	color: #34bdff;
	text-decoration: none;
	max-width: fit-content;
}
#information .reg_large{
	background: #FFD34F;
	border-radius: 79px;
	margin-top: 10px;
}
#information .reg_large .reg_button{
	background: #FF5022;
	box-shadow: inset 8px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 63px;
	font-weight: 700;
	font-size: 23px;
	padding: 10px 30px;
	margin: 10px 0;
}
#information .btn-web,
#information .btn-navigate,
#location .btn-navigate{
	background-color: #98cb50;
    padding: 5px 25px;
    border-radius: 35px;
    font-weight: bold;
    color: #fff;
    margin: 15px;
    display: inline-block;
    position:relative;
    text-decoration:none;
}
#information .btn-navigate,
#location .btn-navigate{
	background-color: #32c2f1;
}
#location .btn-navigate{
	margin:0;
}
#pack{
	padding-top: 10vw;
	background-image: url('/assets/img/pack_2022_bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 18vw;
}
#pack h1{
	font-size: 12vw;
	font-weight: 200;
	margin-bottom: 35vh;
}
.package_wrapper{
	color: #939598;
	font-size: 20px;
	background-color: #fff;
	border-radius: 40px;
}
.package_wrapper .col{
	padding-top: 20px;
}
.package_wrapper .col span{
	display: inline-block;
	color: #fff;
	font-weight: 600;
	font-size: 28px;
	border-radius: 30px;
	padding: 5px 25px;
}
.package_wrapper ul{
	list-style: none;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom: 0;
}
.package_wrapper .col:nth-child(1) span{
	background-color: #306db5;
}
.package_wrapper .col:nth-child(1) li{
	color: #849daa;
}
.package_wrapper .col:nth-child(2) span{
	background-color: #004d6d;
}
.package_wrapper .col:nth-child(2) li{
	color: #7297a9;
}
.package_wrapper .col:nth-child(3) span{
	background-color: #db6970;
}
.package_wrapper .col:nth-child(3) li{
	color: #3e7c94;
}
.package_wrapper .col:nth-child(4) span{
	background-color: #bdbdbd;
}
.package_wrapper .col:nth-child(4) li{
	color: #004d6d;
}
.package_wrapper li b{
	color: #004d6d;
}
.package_disc{
	color: #fff;
	padding: 20px 0;
	font-weight: 600;
	font-size: 16px;
	background-color: #b69f74;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.airport_box{
	background-color: #fff;
	border-radius: 13px;
	padding: 18px 22px;
	margin: 8px 19px;
	box-shadow: -5px 11px 33px 9px rgba(182,203,235,0.35);
	-webkit-box-shadow: -5px 11px 33px 9px rgba(182,203,235,0.35);
	-moz-box-shadow: -5px 11px 33px 9px rgba(182,203,235,0.35);
}
.airport_box_title{
	font-size: min(30px, 6vw);
	font-weight: 700;
}
.airport_box_time{
	padding: 12px 0;
}
.airport_box a{
	display: inline-block;
	margin-top: 12px;
	color: #8FC1EB;
    border-radius: 18px;
    border: #8FC1EB 1px solid;
    font-size: 1.2em;
    padding: 2px 8px;
    font-weight: 500;
}
.airport_box_time img,
.airport_box_time span{
	margin-right: 15px;
}

.airport_box.close .airport_box_time,
.airport_box.close .airport_box_desc,
.airport_box.close a{
	display: none;
}

#transports{
	position: relative;
	z-index: 1;
	border-radius: 15px;
	margin-top: 40px;
	background-color: #ffffff;
	margin-left: 9px;
	margin-right: 9px;
}

#transports .section_header{
	padding-left: 0;
	padding-right: 0;
}

#public_transport{
	padding: 0 14px 30px 14px;
}
#public_transport a{
	display: inline-block;
	margin-top: 12px;
	color: #8FC1EB;
    border-radius: 18px;
    border: #8FC1EB 1px solid;
    font-size: 1.2em;
    padding: 2px 8px;
    font-weight: 500;
}

#shuttle_transfer{
	padding: 0 14px 30px 14px;
}
#shuttle_transfer a{
	display: inline-block;
	margin-top: 12px;
	color: #8FC1EB;
    border-radius: 18px;
    border: #8FC1EB 1px solid;
    font-size: 1.2em;
    padding: 2px 8px;
    font-weight: 500;
}

.register_box_container{
	margin-top: 58px;
	margin-left: 9px;
	margin-right: 9px;
	background: #E65747;
	background: linear-gradient(90deg, rgba(230, 87, 71, 1) 17%, rgba(255, 97, 57, 1) 100%);	
	padding: 20px;
	border-radius: 15px;
	color: white;
}
.register_box_img{
	margin-top: -80px;
}


#location{
	font-size: 15px;
	color: #064b86;
	background-color:#fff;
	background-image: url('/assets/img/program_2022_bg.jpg');
	position:relative;
}

#hosts{
	color: #084387;
	position: relative;
	line-height: 1.5;
	z-index: 1;
	font-size: 16px;
    margin-top: -120px;
	overflow: hidden;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}
#hosts > .menu_title{
	text-shadow: 1px 1px 2px black;
}
.host_section{
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 10px;
}
.host_history{
	padding-bottom: 186px;
	background-image: url('/assets/img/Host_history_bottom_bg.png'), url('/assets/img/Host_history_bg.jpg');
	background-position: center bottom, center top;
	background-repeat: no-repeat, no-repeat;
	background-size: 300%, cover;
}
.host_white_box{
	border-radius: 15px;
	background-color: rgba(255,255,255,0.5);
	padding: 20px 14px;
}
.host_diversity{
	background: #E4FCD3;
	background: url('/assets/img/host_diversity_bg.jpg'), linear-gradient(180deg,rgba(228, 252, 211, 1) 0%, rgba(255, 244, 197, 1) 100%);
	background-position: center bottom, center top;
	background-repeat: no-repeat;
    background-size: 100%;
}
.host_diversity h1{
	line-height: 1.2;
	font-size: min(50px, 7vw);
}
.host_diversity h1 em{
	font-family: 'Calligraffitti', cursive;
	font-size: min(50px, 6.5vw);
	text-transform: initial;
}
.host_diversity_title_right{
	margin-top: 6.6vw;
}
.host_diversity .host_white_box{
	background-color: rgba(255,255,255,1);
}
.host_diversity_3 .img_mobile{
	margin-left: -11.25px;
	margin-right: -11.25px;
	width: calc(100vw);
	max-width: calc(100vw);
	margin-top: -40px;
}
.host_diversity_4 .host_white_box{
	background-color: rgba(104, 122, 86, .8);
	color: white;
	margin-bottom: 40px;
	margin-top: -80px;
}
.host_diversity_4 .host_white_box a{
	color: white;
}

.host_bozen{
	background: #DADAEB;
	background: linear-gradient(270deg,rgba(218, 218, 235, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.host_bozen .menu_title{
	text-align: start;
	line-height: 1.2;
	margin-top: 1em;
	margin-bottom: 1em;
}
.host_bozen .menu_title span{
	display: block;
}
.host_bozen .menu_title em{
	font-style: normal;
	display: none;
}
.host_bozen_desc{
    background: #F4E49B;
    background: radial-gradient(circle, rgba(244, 228, 155, 1) 0%, rgba(244, 228, 155, 0) 65%);
    background-position-x: 21vw;
    background-repeat: no-repeat;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 12.5px;
    padding-right: 12.5px;
	padding-bottom: 20px;
}
.host_bozen .img_mobile{
	margin-left: -25px;
	margin-right: -25px;
	width: calc(100vw);
	max-width: calc(100vw);
	margin-top: -80px;
}
.host_bozen .middle_age_map{
	margin-left: -25px;
	margin-right: -25px;
	width: calc(100vw);
	max-width: calc(100vw);
}

.host_bozen_city{
	margin-left: -25px;
	margin-right: -25px;
	padding-left: 12.5px;
    padding-right: 12.5px;
	background-color: #0C1B2C;
	color: #fff;
	padding-bottom: 60px;
}

.host_bozen_city .city_img{
	margin-left: -25px;
	margin-right: -25px;
	width: calc(100vw);
	max-width: calc(100vw);
}
.host_bozen_cultural{
	margin-left: -25px;
	margin-right: -25px;
	padding-left: 12.5px;
    padding-right: 12.5px;
	background: #DADAEB;
	background: linear-gradient(270deg,rgba(218, 218, 235, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.host_bozen_cultural_text{
	margin-top: 20px;
	margin-bottom: 20px;
}
.host_bozen_cultural_text:first-of-type{
	margin-top: -50px;
}
.host_bozen_cultural .cultural_img{
	width: 93px;
	height: auto;
	border-radius: 13px;
	display: block;
	filter: drop-shadow(6px 6px 0px #B9E1F7);
	margin-bottom: 20px;
}

#museums{
	padding-top: 20px;
	padding-bottom: 180px;
	background-image: url('/assets/img/footer_bg.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 300%;
}

#museums h2 {
    font-family: 'PhosphateRRSolid';
    font-weight: normal;
    text-transform: uppercase;
    font-size: min(58px, 7vw);
    color: #2C65C7;
}
#museums .locations{
	margin-left: 9px;
	margin-right: 9px;
	background-color: white;
	border-radius: 15px;
	text-align: center;
	padding-bottom: 23px;
}

#museums .container-xxl{
	padding-left: 14px !important;
	padding-right: 14px !important;
}
#museums .location{
	display: flex;
	align-items: flex-end;
	border-radius: 9px;
	background-size: cover;
	width: 100%;
	aspect-ratio: 2 / 1;
	text-align: left;
	margin-bottom: 7px;
}
#museums .location.close{
	aspect-ratio: auto;
}
#museums .location.close a{
	padding: 10px 15px 10px 15px;
}
#museums .location.close a span{
	display: none;
}
#museums .location a {
	line-height: 1.2;
	width: 100%;
	padding: 20% 15px 10px 15px;
	text-decoration: none;
	font-weight: 700;
	color: white;
	font-size: min(30px, 7vw);
	background: #00244D;
	background: linear-gradient(0deg,rgba(0, 36, 77, 0.7) 0%, rgba(111, 111, 111, 0) 100%);
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
#museums .location a span{
	display: block;
	font-weight: 400;
	text-transform: none;
	font-size: min(20px, 5vw);
	color: white !important;
}

#museums .location_1{
	background-image: url('/assets/img/Archaeology.jpg');
}
#museums .location_1 a{
	color: #E7C596;
}

#museums .location_2{
	background-image: url('/assets/img/Contemporary_Art.jpg');
}
#museums .location_2 a{
	color: #78DDFF;
}

#museums .location_3{
	background-image: url('/assets/img/Mercantile.jpg');
}
#museums .location_3 a{
	color: #FFEBCA;
}

#museums .location_4{
	background-image: url('/assets/img/Mountain.jpg');
}
#museums .location_4 a{
	color: #A3FF99;
}

#museums .location_5{
	background-image: url('/assets/img/Nature.jpg');
}
#museums .location_5 a{
	color: #FFB56E;
}

#museums .location_6{
	background-image: url('/assets/img/Local_history.jpg');
}
#museums .location_6 a{
	color: #FFD4D4;
}

#museums .location_7{
	background-image: url('/assets/img/Garden.jpg');
}
#museums .location_7 a{
	color: #FFEB6B;
}

#museums .location_8{
	background-image: url('/assets/img/Church.jpg');
}
#museums .location_8 a{
	color: #F4ECD7;
}

#museums .location_9{
	background-image: url('/assets/img/Local_monority.jpg');
}
#museums .location_9 a{
	color: #8DB7FF;
}





.location_desc h3{
	font-weight: bold;
	font-size: 18px;
}
.castle_park .location_img{
	background-image: url('/assets/img/Castle-Park-crocus-blossom.jpg'); 
}
.castle_park a{
	color: #B86DFF !important;
}

.pole .location_img{
	background-image: url('/assets/img/Pole-Poppenspaler-Tage.jpg'); 
}
.pole a{
	color: #3584FE !important;
}

.filmtage .location_img{
	background-image: url('/assets/img/Husumer-Filmtage.jpg'); 
}
.filmtage a{
	color: #AB32F5 !important;
}

.klaviermusik .location_img{
	background-image: url('/assets/img/Raritaten-der-Klaviermusik.jpg'); 
}
.klaviermusik a{
	color: #AA8F72 !important;
}

.speicher .location_img{
	background-image: url('/assets/img/Speicher-Cultural-Center.jpg'); 
}
.speicher a{
	color: #AF6C53 !important;
}

.hafentage .location_img{
	background-image: url('/assets/img/Husumer-Hafentage.jpg'); 
}
.hafentage a{
	color: #266FDD !important;
}

.nordfriesland .location_img{
	background-image: url('/assets/img/Nordfriesland-Museum.jpg'); 
}
.nordfriesland a{
	color: #91706E !important;
}

.storm .location_img{
	background-image: url('/assets/img/Storm-Center.jpg'); 
}
.storm a{
	color: #828FA4 !important;
}

.c-house .location_img{
	background-image: url('/assets/img/The-Christmas-House.jpg'); 
}
.c-house a{
	color: #867E54 !important;
}


#institutions{
	background-color: #0F3D6B;
}
#institutions h1{
	font-weight: 300;
	font-size: 50px;
	color: #5FC2A1;
}
.sorbian-text{
	max-width:432px;
}
.text-larger{
	font-size:1.4em;
}

#strategi{
	background-color: #002649;
}
#strategi h1{
	font-weight: 900;
	color: #5FC2A1;
	word-wrap: break-word;
}

#minority_2{
	position:relative;
	font-size: 15px;
	background-image:url('/assets/img/Minority_2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	font-weight:200;
	text-align:justify;
}
#minority_2:after{
	content:'';
	position:absolute;
	height:271px;
	left:0;
	right:0;
	bottom:-100px;
	background-image:url('/assets/img/Minority_2_stripe.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
#minority_2 h1{
	font-weight:600;
	font-size:60px;
	padding-top:110px;
	padding-bottom:80px;
}
#minority_2 h2{
	font-weight:600;
	font-size:40px;
	color:#edcba6;
}
#minority_2 h2 small{
	font-size:25px;
	color:#ffffff;
}
.sinti-text{
	max-width:600px;
}
.boxer{
	margin-top:110px;
}
.boxer img{
	margin-top: -120px;
    float: left;
}

#minority_3{
	position:relative;
	font-size: 15px;
	background-image:url('/assets/img/Minority_3.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	font-weight:200;
	text-align:justify;
}
#minority_3:after{
	content:'';
	position:absolute;
	height:270px;
	left:0;
	right:0;
	bottom:-100px;
	background-image:url('/assets/img/Minority_3_stripe.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
#minority_3 h1{
	font-weight:600;
	font-size:60px;
	padding-top:80px;
	padding-bottom:80px;
}
#minority_3 .frisian-text{
	padding-bottom:80px;
	max-width:600px;
}

#w_berlin{
	position:relative;
	padding-top:150px;
	font-size: 15px;
	background-image:url('/assets/img/Berlin_bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	font-weight:200;
	text-align:justify;
}
.box_image_mobile{
	text-align: center;
}

#w_berlin .text-larger{
	text-align:left;
	margin: 70px 0;
}
#w_berlin .sights{
    background-color: #ffffff;
    color: #1c3787;
}
#w_berlin .sights p{
	padding:35px 25px;
}
.d-pink{
	color: #db6970;
}
.l-green{
	color: #98cb50;
}
.d-yellow{
	color: #f8c15b;
}
.institution_list{
	width: calc(100% + 1.5rem);
	margin-left: -.75rem;
}

.institution_list .col-12:nth-child(1) {
	background-color: #174676;
}
.institution_list .col-12:nth-child(2) {
	background-color: #1F5892;
}
.institution_list .col-12:nth-child(3) {
	background-color: #286FB9;
}

#exhibitions{
	position:relative;
	padding-top:150px;
	font-size: 18px;
	background-image:url('/assets/img/exhibitions_2022_bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	font-weight:200;
	text-align:justify;
}
#exhibitions strong{
	display:inline-block;
	font-size:1.2em;
	padding-bottom:5px;
}
#exhibitions p{
	padding-bottom:1rem;
}
#exhibitions a{
	color:#fff;
	overflow-wrap: anywhere;
}

.title_row{
	padding-right: 5%;
	margin-top: -12vw;
	margin-bottom: 5vw;
}
#organizers_t{
	margin-top: -2px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #084387;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
	color: #fff;
	z-index: 0;
	min-height: auto;
}
#partners{
	color: black;
	background-color: white;
}
#partners .col{
	display: flex;
	height: min(90vw, 300px);
	flex-direction: column;
    justify-content: space-evenly;
	border-bottom: #B9E1F7 solid 1px;
}
.partner_img{
	width: 100%;
}
#partners a{
	color: #AAAAAA;
	text-decoration: none;
}

#credit{
	font-size: .8rem;
	margin-top: -2px;
	background-color: #DDF0FF;
	color: #94B7D8;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}
#credit strong{
	display: block;
}

#organizers_t a{
	color: #fff;
	text-decoration: none;
}
.org_icon{
	margin: 10px 0;
}
.org_icon a{
	display: block;
}
.org_icon img{
	border-radius: 5px;
	margin-bottom: 10px;
}
.org_icon.small img{
	max-width: 75px;
}
.org_icon.medium img{
	max-width: 125px;
}
.org_icon.large img{
	max-width: 220px;
}

.box_orange{
	background-image: url('/assets/img/mg_orange.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.box_yellow{
	position: relative;
	background-image: url('/assets/img/mg_yellow.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.box_green{
	background-image: url('/assets/img/mg_green.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.box_blue{
	position: relative;
	background-image: url('/assets/img/mg_blue.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.footer {
	background-color: #c2c1c6;
	color: #66666e;
	font-size: 15px;
}

@media (max-width: 576px) { 
	#program table{
        width:100%;
    }
    #program td{
        display:block;
        width:100%;
    }
    #program .table-borderless > table tr{
        display:block;
    }
	#information .hotel_box h2{
		font-size: 19px;
		padding-bottom: 0;
	}
	#information .btn-web, #information .btn-navigate, #location .btn-navigate{
		margin:5px;
	}
	.package_wrapper {
	    border-radius: 0;
	    margin-left: -1.5rem;
	    margin-right: -1.5rem;
	}
	#pack {
	    padding:0;
	    background:none;
	}
	.package_disc{
		border-radius: 0;
		background-color:#01b9ff;
	}
	.footer b{
		display:block;
	}
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
	.nav-pills .nav-link{
		padding: 2px 15px;
		width: auto;
		margin-right: 20px;
		font-size: 19px;
		font-weight: 700;
		min-width: 121px;
	}

	.hotel_box{
		min-height: 25vw;
	}
	#program .nav{
		max-width: 300px;
	}
	#program td p{
		margin-bottom: 0;
	}
	#program table tbody td:first-child{
		width: 15%;
		padding: 10px;
	}
	#information .container-xxl{
		position: relative;
		z-index: 2;
	}
	#information h2{
		padding-bottom: 0;
	}
	.table-borderless > tbody > tr > td:last-of-type{
		padding-left: 23px;
	}

}

@media (max-width: 768px) {
	
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.logo_wrapper {
		min-height: min(80vh,80vw);
	}
	.greeting_head{
		max-width: 80%;
	}
	.host .greeting_head{
		margin-left: auto;
	}
	.face_img{
		flex-shrink: 0;
	}

	.greeting_head img {
		width: min(350px, 20vw);
	}
	#welcome .container-xxl{
		padding-left: 15px;
    	padding-right: 15px;
	}
	#greetings::before{
		right: -15px;
	}
	.nav-pills .nav-link .name_full{
		display: block;
	}
	.nav-pills .nav-link .name_abr{
		display: none;
	}
	.program_content,
	#accomodation,
	#airports,
	#transports,
	#museums .locations{
		margin-left: 15px;
    	margin-right: 15px;
	}
	#airports,
	#transports,
	#museums .locations{
		margin-top: 30px;
		padding-bottom: 35px;
	}
	.info_box{
		margin: 60px auto 15px auto;
	}
	.section_header{
		padding: 25px 35px;
	}
	.airport_box{
		height: 100%;
		margin: 8px 3px;
	}
	.airport_box.close .airport_box_time, 
	.airport_box.close .airport_box_desc, 
	.airport_box.close a{
		display: block;
	}
	#public_transport,
	#shuttle_transfer{
		padding-left: 30px;
        padding-right: 30px;
	}
	.register_box_img img{
		margin: auto;
	}
	.host_section {
		padding-left: 30px;
		padding-right: 30px;
	}
	.host_history{
		background-size: 150vw, cover;
	}
	.host_diversity{
		    background: linear-gradient(180deg, rgba(228, 252, 211, 1) 0%, rgba(255, 244, 197, 1) 100%);
	}
	.host_diversity_4 .host_white_box{
		margin-top: 20px;
	}
	.host_diversity_4 .img_desktop{
		margin-left: -30px;
        margin-right: -30px;
        width: 100vw;
        max-width: 100vw;
	}
	.host_bozen_desc{
		background: none;
	}
	.host_bozen .img_desktop{
		margin-left: -30px;
        margin-right: -30px;
        width: 100vw;
        max-width: 100vw;
	}
	.host_bozen .middle_age_map{
		margin-left: -30px;
        margin-right: -30px;
	}
	.host_bozen_city{
		margin-left: -30px;
		margin-right: -30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	#museums .location.close a{
		padding: 20% 15px 10px 15px;
	}
	#museums .location.close a span{
		display: block;
	}
	#museums .location.close{
		aspect-ratio: 2 / 1;
		margin-bottom: 23px;
	}
	#museums .container-xxl {
		padding-left: 23px !important;
		padding-right: 23px !important;
	}






	.logo_vertical,
	.img_mobile{
		display: none;
	}
	.logo_horizontal,
	.img_desktop{
		display: block;
	}
	
	#program{
		min-height: auto;
	}
	#program .nav{
		max-width: 100%;
		padding: 44px 75px 12px 75px;
	}
	#program .nav a{
		margin-left: auto;
	}
	#nav-tabContent{
		padding-left: 70px;
		padding-right: 70px;
	}
	#nav-tabContent h2{
		margin-bottom: 26px !important;
	}
	#program hr{
		width: 100%;
		height: 1px;
		background-color: #DBDBDB;
		margin-left: 0;
	}
	.small_p{
		padding: 11px 20px;
	}
	#information{
		font-size: 18px;
		scroll-margin-top: 80px;
	}
	
	.column-2{
		margin-top: 45px;
		column-count: 2;
		column-gap: 20px;
	}
	
}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	h1,
	.f-25{
		font-size: 25px;
	}
	.box_text{
		padding-left: 50px;
		padding-right: 50px;
	}
	.box_brown{
		padding-bottom: 107px;
	}
	.box_image_mobile{
		display: none;
	}
	.logo_wrapper{
		height: 700px;
	}
	#greetings .gb_white{
		padding: 51px 65px;
	}
	#program thead th:first-child{
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
	}
	#program thead th:last-of-type{
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
	}
	#program th{
		padding: 20px 30px 20px 10px;
	}
	#program td{
		text-align: left;
	}
	#covid{
		padding-top: 3rem;
		padding-bottom: 6rem;
	}
	#covid .container-xxl{
		max-width: 860px;
	}
	#covid h1{
		font-size: 48px;
	}
	#covid h2{
		padding-top: 2rem;
		padding-bottom: 1rem;
		font-size: 33px;
	}
	#covid h2 span{
		margin-left: -80px;
		margin-right: -80px;
	}
	
	.hotel_box{
		min-height: 12vw;
	}
	.hotel_details{
		height: 298px;
	}
	.accomodation_header{
		position: relative;
		background-image: url('../img/accomodation_bg.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: contain;
		margin-top: 40px;
		max-width: 947px;
		padding-left: 60px;
		padding-right: 60px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		background-color: #fff;
		border-top-left-radius: 20px;
		border-top-right-radius:20px;
	}
	#information .accomodation_header h1{
		margin-top: 20px;
		margin-bottom: 30px;
		padding-top: 0;
		color: #2C65C7;
	}
	.accomodation_header .art img{
		margin-top: -20px;
	}
	.accomodation_desc{
		column-count: 2;
		column-gap: 40px;
	}
	.offers,
	#airports .row{
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.hotel_head .art{
		width: 98px;
		margin: 0;
		margin-left: 26px;
		margin-right: 61px;
		flex-shrink: 0;
	}
	.minority_graphic{
		max-width: 70%;
		padding-left: 5%;
	}
	.shuttle{
		position: relative;
		margin-top: 160px;
		height: calc(100% - 160px);
	}
	.shuttle_country{
		position: absolute;
        top: -29px;
        left: 13px;
        padding: 0px 16px 2px 16px;
        width: auto;
	}
	.shuttle-header{
		text-align: center;
		padding-top: 6px;
		padding-bottom: 14px;
        display: block;
		border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
	}
	.shuttle-body{
		padding-left: 20px;
	}
	.bus{
		margin-top: 0 !important;
	}
	.column_2{
		column-count: 2;
        column-gap: 40px;
	}
	.shuttle-header br{
		display: none;
	}
	.shuttle-header-img{
		position: absolute;
        width: 127px;
        margin-top: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: -160px;
	}

	.castle{
		max-width: 40%;
		padding-left: 5%;
	}
	.package_disc{
		font-size: 26px;
	}
	#location,
	#hosting_1{
		font-size: 15px;
	}
	
    #minority_3{
    	padding-top:150px;
		padding-bottom:450px;
	}
	.minority_perg{
		font-size: 24px;
		padding: 53px 73px;
	}
	#register_box{
		width: auto;
		margin-left: 0;
	}
	#register_box {
		min-height: auto;
	}
	.the-frisians{
		font-size: 70px;
		height: 300px;
		justify-content: flex-end;
	}
	.the-frisians-desc{
		padding-left: 80px;
	}
	.frisian-culture{
		margin-left: -40px;
		text-align: left;
		padding: 40px;
	}
	.minority_issue_mobile{
		display: none;
	}
	#hosts{
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}
	#husum{
		border-radius: 120px;
		background-image: url('/assets/img/husum_bg.jpg');
	}
	.minority_issue_desktop{
		margin-top: max(-15vw, -288px);
		background-image: url('/assets/img/frisian_landscape.jpg');
		background-size: cover;
		background-position: top center;
		display: flex;
		flex-direction: column;
        justify-content: flex-end;
		min-height: 65vw;
		max-height: 1260px;
		color: #fff;
	}
	.issue_desktop_header{
		display: flex;
		align-items: center;
		max-width: 90%;
		margin-left: 10%;
	}
	.issue_desktop_header h2{
		text-shadow: rgb(0, 0, 0, .5) 1px 0 10px;
		width: 40%;
		flex-shrink: 0;
		font-size: 70px;
		font-weight: 300;
	}
	.issue_desktop_header h3{
		text-shadow: rgb(0, 0, 0, .5) 1px 0 10px;
		color: #fff;
		font-size: 23px;
		font-weight: bold;
	}
	.issue_desktop_body_wrapper{
		margin-bottom: -10vw;
	}
	.issue_desktop_body_wrapper p{
		background-color: #fff;
		border-radius: 34px;
		padding: 30px;
		color: #543418;
	}
	.minority_issue_bg{
		width: 20vw;
		margin-right: 0;

	}
	.issue_desktop_body_wrapper strong br{
		display: none;
	}
	.issue_desktop_footer{
		max-width: 75%;
		margin-left: 10%;
		margin-right: 15%;
		padding-bottom: min(170px, 10vw);
	}
	.issue_desktop_footer h2{
		text-shadow: rgb(0, 0, 0, .5) 1px 0 10px;
		font-size: 23px;
		padding-left: 25px;
	}
	.issue_list{
		display: flex;
	}
	.issue_box{
		text-shadow: rgb(0, 0, 0, .5) 1px 0 10px;
		margin-left: 10px;
		margin-right: 10px;
		border: 2px solid #7D7927;
		border-radius: 26px;
		padding: 15px;
		text-align: center;
		font-weight: bold;
		font-size: 18px;
	}
	#host_project{
		margin-top: -140px;
		margin-bottom: -120px;
	}
	#host_project .institute{
		margin-top: 0;
		margin-bottom: 0;
		border-radius: 0;
		z-index: auto;
	}
	#host_project .council {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#host_project .project{
		padding-top: 140px;
		padding-bottom: 200px;
	}
	#host_project .project .art{
		margin-top: -27px;
		width: 145px;
		margin-bottom: 30px;
		position: relative;
		z-index: 2 !important;
	}
	#program_info{
		background-size: 100%;
	}
	.airport_box a{
		padding: 4px 16px;
	}
 }

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.d-1200-none{
		display: none;
	}
	.d-1200-block{
		display: block !important;
	}
	#menu{
		max-width: 868px;
	}
	.navbar-nav{
		padding-top: 61px;
		padding-bottom: 35px;
		justify-content: center;
	}
	
	.navbar-nav .nav-link{
		font-size: 22px;
		font-weight: 700;
		padding: 9px 30px !important;
		border-radius: 25px;
		margin: 0 10px;
	}
	
	.navbar-nav .nav-link.register{
		color: #fff;
	}

	.hotels{
		border-radius: 36px;
	}
	.hotel_altes{
		border-top-left-radius: 36px;
	}
	.hotel_osterkrug{
		border-top-right-radius: 36px;
	}
	.hotel_schlosspark{
		border-bottom-left-radius: 36px;
	}
	.hotel_thomas{
		border-bottom-right-radius: 36px;
	}

	#lang {
		position: relative;
		right:0;
		align-self: start;
		text-align: center;
	}
	#lang ul{
		margin:55px 0 0 0;
	}
	#lang ul li{
		border: none;
	}
	#lang ul li a{
		text-decoration: none;
	}
	.fix,
	.fixed{
		background-color: #fff;
		box-shadow: 2px 2px 8px rgb(76 76 76 / 20%);
	}
	.fix .navbar-nav,
	.fixed .navbar-nav{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.fix #lang ul,
	.fixed #lang ul{
		margin:10px 0;
	}
	.fix .navbar-nav .nav-link,
	.fixed .navbar-nav .nav-link{
		color: #26c5ff;
	}
	.fix .navbar-nav .active .nav-link,
	.fix .navbar-nav .nav-item:hover .nav-link,
	.fixed .navbar-nav .active .nav-link,
	.fixed .navbar-nav .nav-item:hover .nav-link{
		color: #497fc1;
	}
	#welcome h1.menu_title{
		font-size: min(120px, 7vw);
	}
	.logo_wrapper {
        height: 900px;
    }
	#greetings{
		scroll-margin-top: 380px;
	}
	#greetings::before{
		right: 0;
        background-size: 64%;
        top: -213px;
        left: -15px;
	}
	.greeting_text{
		margin: 0%;
	}
	.greeting_col{
		padding-left: 115px;
		padding-right: 115px;
	}
	.vl .greeting_head{
		margin-top: -150px;
	}
	.vl .greeting_text{
		column-count: 2;
		column-gap: 40px;
	}
	.vl .read_more{
		display: none;
	}
	.vl .greeting_text_hide{
		max-height: 100%;
	}
	.host .greeting_head{
		padding-top: 40px;
    	margin-top: 40px;
	}
	.host .greeting_text{
		margin-top: 30px;
	}
	.host .greeting_text p{
		column-count: 2;
		column-gap: 40px;
	}
	.greetings_end_message{
		padding-top: 50px;
    	padding-bottom: 50px;
	}
	#greetings::after{
		bottom: -6vw;	
		left: 0;
		right: 0;
		height: 55vw;
	}
	#info .container-xxl{
		max-width: 1370px;
	}
	#program .container-xxl {
		max-width: 1700px;
	}
	#program #nav-tabContent{
		padding-left: 130px;
		padding-right: 130px;
	}
	h1.menu_title{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#information{
		scroll-margin-top: 220px;
	}
	#information .mt-navigate{
		margin-top:93px;
	}
	#information{
		max-width: 1700px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.information_container{
		background-color: white;
		padding-left: 130px;
		padding-right: 130px;
		padding-top: 50px;
		padding-bottom: 50px;
		border-radius: 15px;
	}
	#airports, #transports, #museums .locations{
		margin-top: 80px;
	}
	.offers{
		max-width: 1500px;
	}
	.offers .row{
		margin-top: 120px;
		max-width: 100%;
		box-shadow: 17px 18px 52px 0px rgba(182,203,235,0.39);
		-webkit-box-shadow: 17px 18px 52px 0px rgba(182,203,235,0.39);
		-moz-box-shadow: 17px 18px 52px 0px rgba(182,203,235,0.39);
		border-radius: 20px;
	}
	.offers p.p-4{
		text-align: center;
	}
	.offers p.p-4 br{
		display: none;
	}
	#airports .row{
		max-width: 1300px;
	}
	#accomodation{
		background-color: transparent;
	}
	#register_box{
		font-size: 22px;
		max-width: 1730px;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: auto;
		margin-right: auto;
	}
	#register_box .col{
		text-align: center;
	}
	.register_box_img{
		margin-top: 0;
	}
	.register_box_img img{
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	#hosts{
		margin-top: -154px;
		max-width: 1730px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
		padding-left: 15px;
        padding-right: 15px;
	}
	#hosts h1.menu_title {
        padding-top: 40px;
        padding-bottom: 40px;
    }
	.host_section {
        padding-left: 130px;
        padding-right: 130px;
    }
	.host_history{
		background-size: 100vw, cover;
		padding-bottom: 300px;
	}
	.host_white_box{
		font-size: 1.3em;
		margin-top: 50px;
		margin-right: 20%;
	}
	.host_diversity_title_right{
		margin-top: 0;
	}
	.host_diversity_3 .host_white_box{
		margin-left: 20%;
		margin-right: 20%;
	}
	.host_diversity_4 .img_desktop{
		margin-left: -130px;
        margin-right: -130px;
		width: calc(100% + 260px);
        max-width: calc(100% + 260px);
	}
	.host_diversity_4 .host_white_box{
		margin-top: -360px;
        max-width: 850px;
        margin-left: auto;
        margin-right: 0;
        z-index: 1;
        position: relative;
        margin-bottom: 80px;
	}
	.host_bozen .menu_title{
		text-align: center;
	}
	.host_bozen .menu_title span{
		display: inline-block;
	}
	.host_bozen .menu_title em{
		display: inline-block;
	}
	.host_bozen .img_desktop{
		margin-left: -130px;
		margin-right: -130px;
		max-width: calc(100% + 260px);
		width: calc(100% + 260px);
	}
	.host_bozen .middle_age_map{
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;
		width: 100%;
		filter: drop-shadow(10px 10px 0px #B9E1F7);
		border-radius: 25px;
	}
	.host_bozen_city{
		margin-left: -130px;
		margin-right: -130px;
		padding-bottom: 0;
	}
	.host_bozen_city_text{
		padding-left: 130px;
		padding-right: 130px;
		display: flex;
        flex-direction: column;
        justify-content: center;
	}
	.host_bozen_city .city_img{
		margin-left: 0;
		max-width: calc(100% + 26px);
		width: calc(100% + 26px);
	}
	.host_bozen_cultural_text:first-of-type{
		margin-top: 20px;
	}
	.host_bozen_cultural_text{
		display: flex;
		padding-top: 30px;
		padding-bottom: 30px;
		gap: 50px;
		align-items: center;
	}
	.host_bozen_cultural .cultural_img{
		width: 227px;
		filter: drop-shadow(10px 10px 0px #B9E1F7);
	}
	.middle_age_map_container{
		margin-top: -75px;
        background-color: #ffffff;
        padding: 50px 80px;
        border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
        margin-left: -130px;
        margin-right: 130px;
	}
	.host_bozen{
		border-bottom-left-radius: 15px;
    	border-bottom-right-radius: 15px;
	}
	#museums{
		background-size: 100%;
		padding-bottom: 380px;
	}
	#museums .locations{
		max-width: 1700px;
		padding-top: 70px;
		padding-bottom: 70px;
		padding-left: 130px;
		padding-right: 130px;
		margin-left: auto;
		margin-right: auto;
	}
	#museums .locations .section_header{
		text-align: start;
	}
	#museums .locations .row{
		margin-top: 70px;
	}
	#museums .location{
		filter: drop-shadow(10px 10px 0px #B9E1F7);
		width: 90%;
    	margin-bottom: 15% !important;
	}
	#organizers_t{
		padding-bottom: 80px;
	}
	#credit{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#credit .container-xxl{
		max-width: 1700px;
	}
	#credit strong{
		display: inline-block;
	}
	.packages{
		text-align: left;
		padding: 40px 0 15px 0;
	}
	.hotel_box{
		min-height: 125px;
	}
	#information .packages .col-xl-9 h2{
		margin-left: -19px;
	}
	#information .packages .col-xl-3 h2{
		margin-left: 11px;
	}
	#information .packages h2{
		border-radius: 40px 40px 0 0;
	}
	.packag_details, .no_acc_details{
		border-radius: 0px 51px 51px 51px;
	}
	.packag_details{
		margin-left: -19px;
    	margin-right: -11px;
	}
	.packag_details .col:nth-child(1) div{
		padding-left: 37px;
		padding-right: 0;
	}
	.packag_details .col:nth-child(2) hr {
		margin-left: -23px;
    	margin-right: -23px;
	}
	.packag_details .col div,
	.no_acc_details .col div{
		text-align: left;
		padding: 18px;
		font-size: 20px;
		font-weight: 700;
		line-height: 24px;
	}
	.packag_details .col div br{
		display: none;
	}
	.no_acc_details .col div{
		padding-left: 30px;
	}
	.no_acc_details{
		margin-left: 11px;
    	margin-right: -19px;
	}

	.minority .container-xxl{
		max-width: 1350px;
	}
	.minority_perg{
		padding: 53px;
	}

	#information .container-xxl {
        max-width: 1230px;
    }
 }

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
	
	.container-xxl {
		max-width: 100%;
	}
	.container-fluid {
		max-width: 1920px;
	} 
	#pack h1{
		font-size: 100px;
	}
	#location h1{
		font-size: 110px;
	}
	#hosting_2 h1{
		font-size: 40px;
		padding: 80px 80px;
		margin: 40px -80px;
	}
	#hosting_3{
		font-size: 26px;
	}
	#hosting_3 h1{
		font-size: 100px;
	}
	.hotel_box {
		min-height: 145px;
		border-radius: 65px;
	}
	
	.packag_details,
	#information .packages .col-xl-9 h2 {
		margin-left: 0;
	}
	.no_acc_details {
		margin-right: 0;
	}
	#strategi h1{
		font-size: 38px;
	}
	.hotels{
		max-width: 1600px;
		margin-left: auto;
		margin-right: auto;
	}
	.accomodation_header::before,
	.accomodation_header::after{
		content: '';
		position: absolute;
		bottom: 0;
		width: 149px;
		height: 165px;
		background-image: url('../img/accommodation_art.svg');
		background-size: contain;
	}
	.accomodation_header::before{
		left: -148px;
	}
	.accomodation_header::after{
		right: -148px;
		transform: scaleX(-1);
	}
}

@media (min-width: 1450px) {
	#greetings .container-xxl{
		max-width: 1700px;
	}
}
@media (min-width: 1470px) { 
	.institution_list{
		width: calc(100vw - 6px);
		margin-left: calc((100vw - 1400px) / -2 );
	}
}


@media (min-width: 1800px) {
	.information-art{
		display:block;
		opacity:1;
		position: absolute;
	    right: 0;
	    top: -536px
	}
	.box_brown .container-fluid {
		max-width: 1420px;
	}
}

@media (min-width: 1921px) {
	.institution_list{
		width: 1920px;
		margin-left: -257px;
	}
	.logo_wrapper {
		height: 580px;
	}

}