/*** FALLBACK FOR FLEXBOX ***/
.box {display: table; width: 100%;}
.left {display: table-cell;}
.right {display: table-cell; width: 70%;}

/*** FOR CURRY APP ***/
#elm-container {font-size: 0.8em;}

/*** PAGE ***/
html, body {font-family: calibri, sans-serif; font-size: 16px; color: #333; margin: 0; padding: 0; -webkit-text-size-adjust: 100%;}
#all {background: white;}
.feather {vertical-align: middle;}
svg {width: 1em;}

/*** LAYOUT ***/
.inside {max-width: 1280px; margin: 0 auto;}
/* browser support */ .box {display: -webkit-flex; display: -ms-flexbox;}
.box {display: flex;}
/* browser support */ .left {flex-basis: auto; -webkit-flex: 2;}
.left {flex: 2;}
/* browser support */ .right {flex-basis: auto; -webkit-flex: 7;}
.right {flex: 7;}

.main-header {background-image: url(weltkarte.png); background-repeat: no-repeat; background-size: cover;}
.main-header .right, .main-section .right, footer .right {padding: 2.2em;}
.main-section .right {padding-top: 0.2em;}
footer .left {padding-top: 2em;}

h1 {font-size: 3.4rem; font-weight: lighter; text-transform: uppercase; margin: 1rem 0 0.1em 0;}
h2 {font-size: 1.7rem; font-weight: lighter; text-transform: uppercase;}

hr { border: 0; height: 1px; background: #555; background-image: linear-gradient(to right, #eee, #555, #eee); clear: both;}

/*** HEAD NAV ***/
.nav-container {position: relative;}
/* social media buttons */
.nav-container .social-media {position: absolute; right: 2.7em; z-index: 2; padding: 0.3em;}
.social-media a.sm {display: inline-block; padding: 0.2em 0.5em; text-align: center; margin: 0; font-size: 1.2em; border-radius: 0.2em; 
box-shadow: 1px 1px 2px rgba(0,0,0,0.4)}
.social-media a.sm svg {stroke: white;}
.social-media a.sm.instagram {background: #613684;}
.social-media a.sm.facebook {background: #263382;}
.social-media a.sm.linkedin {background: #333333;}
.social-media a.sm.twitter {background: #4C91BB;}
.social-media a.sm:hover {filter: contrast(150%) brightness(150%);}

.head-nav-bg {position: relative; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); border-bottom: 1px solid #B2B2B2; background: #283583;}

.head-nav {font-size: 1.05em;}
.head-nav a:hover {color: #283583;}
/* browser support */ .head-nav a, .head-nav span {flex-basis: auto; -webkit-flex: 1;}
.head-nav a, .head-nav span {display: inline-block; color: white; text-decoration: none; text-align: center; padding: 0.5em 1.5em; white-space: nowrap; border-right: 1px solid white; flex: 1; flex-basis: auto;}
.head-nav span {border: none;}
.head-nav a:hover {background: white;}
.head-nav .feather {width: 1em; height: 1em;}

.head-nav a.head--active {background: white; color: #283583;}

/*** BREADCRUMB NAV (MAIN NAV) ***/
.subnav-container {display: none; position: absolute; width: 100%; background: white; background: rgba(255,255,255,0.96); padding: 2rem; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.3); box-shadow: 0px 10px 10px rgba(0,0,0,0.4); z-index: 1100; overflow: auto;}
.subnav-container ul {margin: 0; padding: 0; list-style-type: none;}
.subnav-container .feather-x {width: 1.5rem; padding: 0.3rem; float: right; border-radius: 50%; transition: 0.3s all ease; cursor: pointer;}
.subnav-container .feather-x:hover {background: #b2b2b2; color: white;}
.main-nav .main-sublist ul {display: none;}
.main-nav .main-sublist li {cursor: pointer; display: block; color: #4D92BC; margin: 0.2rem; padding: 0.2rem; max-width: 70rem;}
.main-nav .main-sublist li.empty-list-item {cursor: auto;}
.main-nav .main-sublist li svg {margin: -0.3em 0.3em 0 0;}
.main-nav .main-sublist a {text-decoration: none; color: inherit;}
.main-nav .main-sublist a:hover {text-decoration: underline; color: #333;}
#breadcrumb-list {margin-bottom: 2em;}
#breadcrumb-list li {display: inline-block; margin-right: 0.5rem; color: #B2B2B2; font-size: 1.1rem;}
#breadcrumb-list li:hover {color: #333; cursor: pointer;}
#breadcrumb-list li::after {content: " ->";}
#breadcrumb-list li:last-child {color: #333;}
#breadcrumb-list li:last-child::after {content: "";}
#breadcrumb-list li:last-child:hover {text-decoration: none; cursor: auto;}

.main-nav .bc--active {visibility: hidden; font-size: 0px; margin: 0; padding: 0;}
.main-nav .bc--active > ul {visibility: visible; font-size: 1rem;}

.main-nav .main-sublist li.bc--active-siblings {display: none;}
/* browser support */ .main-nav .main-sublist, .main-nav .main-sublist ul.bc--active-ul {display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: column; -webkit-flex-wrap: wrap;}
.main-nav .main-sublist, .main-nav .main-sublist ul.bc--active-ul {display: flex; flex-direction: column; flex-wrap: wrap; max-height: 15rem;}

.main-nav .main-sublist li.multi-level:hover {color: #333;}
.main-nav .main-sublist li.bc--active > svg {display: none;}

#main-navigation .feather-heart {fill: #CE1434; color: white;}

/*** HEADER ***/
.logo img {width: 100%; height: auto; min-height: 7rem; max-width: 285px;}

.head-image {border-bottom: 1px solid rgba(0,0,0,0.2); box-shadow: 0px 1px 3px rgba(0,0,0,0.1);}
.head-image img {width: 100%; height: auto; vertical-align: top;}

/*** STICKY HEADER ***/
#stick-to-top {transition: 0.5s all ease;}
#stick-to-top.sticky {position: fixed; top: 0; width: 100%; background: rgba(255,255,255,0.97); border-bottom: 1px solid #b2b2b2; box-shadow: 0px 2px 5px rgba(0,0,0,0.1); z-index: 2000;}
.sticky .logo {text-align: right;}
.sticky .logo img {height: 7rem; width: auto;}
.sticky .main-header .right {padding: 0;}
.sticky .search-box {margin-left: 1.55em;}
.sticky .search-box-item {font-size: 1em; padding: 0.3em 1em;}
.sticky .search-box-item.input-button {padding: 0.015em 1em; font-size: 1.7em;}

/*** MAIN SECTION ***/
main.content {border-left: 1px solid rgba(0,0,0,0.0); font-size: 1.2rem;}
main p.large {font-size: 1.3rem;}
main a {color: #4D92BC;}
main h1:first-of-type {color: #4D92BC;}

.checklist {list-style-type: none; margin: 0; padding: 0;}
.checklist li {padding: 0.3em 0;}
.checklist svg.feather {margin-right: 0.5em; width: 1em; height: 1em; color: green;}
.checklist svg.feather.feather-star {margin: 0; color: #EC6408; fill: #EC6408; stroke-width: 1.3; width: 0.8em; height: 0.8em;}

img.floating {float: left; clear: both; margin: 0 1em 1em 0;}
img.floating.float-right {float: right;}


/*** CONTENT (EXTRACTED) ***/

main.content img {height: auto;}
/* image exceptions */
main.content img[src*='sterne'] {display: inline;}

#text-images img {width: 100%; height: auto; max-width: 930px;}

/*** SIDE BAR ***/

/*** SIDE NAV (LEFT BAR) ***/

.side-nav {font-size: 1rem; padding: 2.3em 0;} /* possibly dynamic content! */
.side-nav ul {margin: 0; padding: 0; list-style-type: none;}
.side-nav > ul {margin-top: 2rem;}
.side-nav > ul:first-of-type {margin-top: 0; border: 1px solid rgba(0,0,0,0.2);}
.side-nav ul ul {padding: 0.5em;}
.side-nav li {color: #555;}
.side-nav li:hover {color: #333;}
.side-nav li.linkLI:hover {color: #555;}
.side-nav .activeLI {color: #333;}
.side-nav .activeLI ul {font-weight: normal;}
.side-nav a {text-decoration: none; color: inherit; display: inline-block; padding: 0.1rem 0; width: 100%;}
.side-nav a.trigger {width: auto; cursor: pointer;}
.side-nav a.trigger.active {font-weight: bold; color: #555;}
.side-nav a:hover {color: #333;}

.side-nav.main li:before {content: url('arrow-right.png'); opacity: 0.7;}
.side-nav.main li:before a {margin-left: 0.2rem;}
.side-nav.main li.activeLI:before {content: url('arrow-down.png');}
.side-nav.main li.linkLI:before {content: "";}

.side-nav .matching-link {font-weight: bold;}
.side-nav .top-levelLI > a {background: rgba(77,146,188,1); color: white; width: auto; display: block; text-align: center; font-weight: bold; font-size: 1.2rem;}
.side-nav.main .top-levelLI:before {content: "";}

.side-nav.static .nav-divider {font-weight: bold; border-top: 1px solid #999;}

/*** SIDE AUTO (LEFT BAR) ***/

#auto-sidebar-container {text-align: center; margin-top: 2em;}
#auto-sidebar-container img {filter: opacity(0.9); border: 1px solid #666; padding: 0.3em;}
#auto-sidebar-container a {color: #4D92BC;}
#auto-sidebar-container h4 {max-width: 200px; margin: 0 auto 1em auto; text-align: justify;}

#auto-sidebar-content {text-align: justify; max-width: 200px; margin: 0 auto;}
#auto-sidebar-content p:first-child {font-weight: bold;}
#auto-sidebar-content ul {margin: 0; padding: 0; list-style-type: none;}
#auto-sidebar-content li {margin: 0.5em 0;}

/*** FOOTER ***/
footer {color: white; padding: 2em 0; background-color: #283583;}
footer .right {border-left: 1px solid rgba(0,0,0,0.2); padding-top: 1em;}
footer .left {padding-top: 1em;}
footer ul {list-style-type: none; padding: 0; margin: 0; flex: 1;}
footer a, footer li {color: white; text-decoration: none; font-size: 1.2rem; font-weight: lighter; display: block;}
footer a[href*='tel'] {display: inline-block;}
footer li {padding: 0.5em 0;}
footer a:hover {text-decoration: underline;}
footer svg {margin-right: 0.4em;}
footer h2.fc--blue {color: #283583;}

/* browser support */ #partner-logos {display: -webkit-flex; display: -ms-flexbox; -webkit-justify-content: space-between;}
#partner-logos {display: flex; justify-content: space-between; margin-top: 2em;}
/* browser support */ #partner-logos img {flex-basis: auto; -webkit-flex: 1;}
#partner-logos img {flex: 1; max-width: 200px;}

footer img[src*='logo-globus.png'] {width: 20px; height: auto; margin-top: 0.6em; margin-right: 0.1em;}

/*** COLOR CLASSES ***/

/*BLUE*/
.bg--blue, .hbg--blue:hover {background-color: #283583;}
.fc--blue, .hfc--blue:hover {color: #283583;}

/*RED*/
.bg--red, .hbg--red:hover {background-color: #CE1535;}
.fc--red, .hfc--red:hover {color: #CE1535;}

/*GREY*/
.fc--grey {color: #B2B2B2;}
.bg--grey {background-color: #B2B2B2;}
.bc--grey {border-color: #B2B2B2;}

/*GREEN*/
.bg--green {background-color: #48A533;}

/*LIGHTGREEN*/
.hbg--shinygreen:hover {background: #4dd730;}

/*LIGHTBLUE*/
.fc--lightblue {color: #4D92BC;}

/*** MOBLIE SETTINGS ***/

.mobile-header, .head-nav a.mobile-only {display: none;}

/************************
***** MEDIA QUERIES *****
************************/

@media screen and (max-width: 1350px) {
	footer {padding: 2em 1rem 8em;}
	.sidebar {padding: 0 2em;}
	#auto-sidebar-container img[src*='sidebar'] {width: 100%; height: auto; max-width: 200px;}
}

@media screen and (max-width: 1200px) {
	body {font-size: 14px;}
	footer {font-size: 0.9rem;}	
	footer h2 {font-size: 1.5em;}
	
	/* in searchbox.css */
	.search-box {font-size: 0.8rem;}
}

@media screen and (max-width: 1100px) {
	.main-header .right, .main-section .right, footer .right {padding: 0em 0.7em 1em 0.7em;}
	.sidebar {padding: 0 0.5em}
	.side-nav {padding: 1.7em 0;}
	.side-nav.main li::before {content: "";}
	h1 {font-size: 2em;}
	.hyphenate {hyphens: auto;}
	#partner-logos img {width: 100%; height: auto;}
}

@media screen and (max-width: 870px) {
	main.content {font-size: 1.1rem;}
	/* browser support */ .head-nav {-webkit-flex-wrap: wrap;}
	.head-nav {flex-wrap: wrap;}
	/* browser support */ .head-nav > a {-webkit-order: 1;}
	.head-nav > a {order: 1;}
	/* browser support */ .head-nav > span {-webkit-order: 2; flex-basis: auto; -webkit-flex: 100%;}
	.head-nav > span {order: 2; flex: 100%; border-top: 1px solid white; text-align: right;}
	.head-nav > a[href*='kontakt'] {border: none;}
	.subnav-container {padding: 0.5rem;}	
	footer {font-size: 0.8rem; padding: 2em 1rem;}	
	footer h2 {font-size: 1.6em;}
	/* browser support */ footer > .box {-webkit-flex-wrap: wrap;}
	footer > .box {flex-wrap: wrap;}
	/* browser support */ footer .left {flex-basis: auto; -webkit-flex: 100%; -webkit-order: 2;}
	footer .left {flex: 100%; order: 2;}
	/* browser support */ footer .right {-webkit-flex: 100%; -webkit-order: 1;}
	footer .right {flex: 100%; order: 1; border-left: none; border-bottom: 1px solid rgba(0,0,0,0.2);}
	footer .left h2 {display: none;}
	footer a {display: inline;}
	
	/* in searchbox.css */
	.search-box {font-size: 0.7rem;}
	.sticky .search-box {font-size: 0.9rem;}
}

@media screen and (max-width: 810px) {
	#all {width: 810px;}
	#all.mobile {width: auto;} 
}

/*** CONTINUING IN mobile.css ***/