/* dancing-script-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Dancing Script';
	font-style: normal;
	font-weight: 400;
	src: url('../media/fonts/dancing-script-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Mukta';
	font-style: normal;
	font-weight: 300;
	src: url('../media/fonts/mukta-v14-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Mukta';
	font-style: normal;
	font-weight: 500;
	src: url('../media/fonts/mukta-v14-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





/*
H1 / Dancing Script 45pt, weiß
H2 / Mukta Medium 20pt, Durchschuss 20pt, weiß
H3 / Mukta Medium 16pt, Durchschuss 20pt, weiß
Mengentext / Mukta Light 16pt, Durchschuss 28pt, weiß
Hervorhebungen im Mengentext / Mukta Medium 16pt, Durchschuss 28pt, weiß 
Links im Mengentext / Mukta Light 16pt, Durchschuss 28pt, weiß, unterstrichen
Button / Mukta Medium 15pt, Durchschuss 28pt, Großbuchstaben, weiß
Button Hover / Mukta Medium 15pt, Durchschuss 28pt, Großbuchstaben, HEX #91bfba Navi / Mukta Medium SG 15pt, ZDS 17pt, #910fba
Navi Hover/aktiv / Mukta Medium SG 15pt, ZDS 17pt, weiß
Footer / Mukta Medium SG 15pt, ZDS 17pt, #910fba
Footer Hover/aktiv / Mukta Medium SG 15pt, ZDS 17pt, weiß
	
	
	PETROL: #237e74
	PETROL HELL: #91bfba
	ROT: #c8102e
	PETROL DUNKEL: #2a6360
	
	
	font-family: 'Mukta';
	font-family: 'Dancing Script';
*/
.db {
	border: 2px solid #C31E24;
}
div#preloader { 
	position: fixed; 
	left: 0; 
	top: 0; 
	z-index: 999999; 
	width: 100%; 
	height: 100%; 
	overflow: visible; 
	background: #fff url('../media/img/loader.gif') no-repeat center center; 
}

html {
	height: 100% !important;
	min-height: 100% !important;
}

body {
	height: 100% !important;
	min-height: 100% !important;
	overflow: auto;
	overflow-x: hidden;
	font-family: 'Mukta';
	font-style: normal;
	font-weight: 300;
	font-size:15pt;
	line-height: 24pt;
	color: #fff;
	background-color: #237e74;
}

.img-symbol-gif {
	padding-bottom: 100px !important;
}
.img-symbol-gif-container {


}
.img-symbol-gif-dahoam {
	
}

.main-container {
	background-image: url("../media/img/Baumkachel.png");
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #237e74;
}



@media (max-width: 980px) {
	body {
		-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
	}
}


h1 {
	font-family: 'Dancing Script';
	font-style: normal;
	font-weight: 400;
	font-size: 45pt;
	color: #fff;
	line-height: 48pt;
}

h1.headline {
	background-image: url("../media/img/H1-Balken.png");
	background-repeat: no-repeat;
	background-position: right;
	display: inline-block;
	padding: 10px 50px 10px 10px;
	margin-top: -60px;
	position: absolute;
}

h1.headline_ohne_bild {
	background-image: url("../media/img/H1-Balken.png");
	background-repeat: no-repeat;
	background-position: right;
	display: inline-block;
	padding: 10px 50px 10px 10px;
}

h2 {
	font-family: 'Mukta';
	font-style: normal;
	font-weight: 500;
	font-size: 20pt;
	color: #fff;
	line-height: 24pt;
	letter-spacing: 0px;
	margin-top: 10px;
	text-transform: uppercase;
}

h3,h4,h5,h6 {
	font-family: 'Mukta';
	font-style: normal;
	font-weight: 500;
	font-size: 16pt;
	color: #fff;
	line-height: 20pt;
	letter-spacing: 0px;
}


a,a:active,a:visited,a:link {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	color: #8CBDB9;
	text-decoration: underline;
}
.worldwide-flappe {
	max-height: 60px !important;
	margin-right:-170px;
	cursor: pointer;
}
.dahoam-flappe {
	max-height: 60px !important;
	margin-right:-170px;
	cursor: pointer;
}

.oesterreichflagge {
	max-width: 40px !important;
}

.carousel .carousel-indicators button {
    width: 10px;
   height: 10px;
   border-radius: 100%;
 }
 
 /* ====================== AKTIONEN ========================= */
.aktionen-container-outer {
	background-image: url("../media/img/Aktionen_HG-komplett.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	padding: 180px 60px;
	margin: auto;
	min-height:674px !important;
	width: 500px;
	color: #237e74;
}
.aktionen-container h3,.aktionen-container h2,.aktionen-container h1 {
	color: #237e74;
}

.wm-container-outer {
	background-image: url("../media/img/Wochenmenue_HG-komplett.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	padding: 180px 50px 80px 50px;
	margin: auto;
	min-height:674px !important;
	width: 500px;
	color: #237e74;
	color: #333;
}
.wm-container h3,.wm-container h2,.wm-container h1 {
	color: #237e74;
}

.wm-container table {
	font-size: 13pt;
}

.wm-container table tr td {
	vertical-align: text-top;
}

.wm-container table tr td:first-child {
	min-width: 80px;
}

.burger-menu {
	max-width: 40px !important;
	float: right;
	cursor: pointer;
}
.burger-menu:hover {
	cursor: pointer;
}
#mobile-menu {
	display: none;
	position: absolute;
	top: 0px;
	left:0px;
	min-width: 100% !important;
	max-width: 100% !important;
	min-height: 100% !important;
	max-height: 100% !important;
	background-color: rgba(42, 99, 97, 0.90);
	z-index: 9999999999;
}

.mobile-menu-close {
	cursor: pointer;
	position: absolute;
	top: 5px;
	right:5px;
	max-width: 30px !important; 
}

.main-menu-container {
	position: relative;
  display: inline-block;
}

.dropdown-menu-container {
	display: none;
	position: absolute;
	background-image: url("../media/img/subnavi_bg.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 300px;
	width: 300px !important;
	padding: 60px 20px 0px 20px;
	margin-top: 30px;
	margin-left: 2px;
	z-index:9999;
}
a.nav-link-footer,a.nav-link-footer:active,a.nav-link-footer:visited,a.nav-link-footer:link {
	float: left;
	display: block; 
	color: #91bfba;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 30px;
}
a.nav-link-footer:hover {
	color: #fff;
	text-decoration: none;
}
a.nav-link-footer.active {
	color: #fff;
	text-decoration: none;
}

a.main-menu-link,a.main-menu-link:active,a.main-menu-link:visited,a.main-menu-link:link {
	float: left;
	display: block; 
	color: #91bfba;
	font-size:15pt;
	line-height: 17pt;
	font-family: 'Mukta';
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
	margin-right: 40px;
	text-transform: uppercase;
}
a.main-menu-link:hover {
	color: #fff;
	text-decoration: none;
}
a.main-menu-link.active {
	color: #fff;
	text-decoration: none;
}

a.mobile-menu-link,a.mobile-menu-link:active,a.mobile-menu-link:visited,a.mobile-menu-link:link {
	float: right;
	display: block; 
	color: #91bfba;
	font-size:22pt;
	line-height: 26pt;
	font-family: 'Mukta';
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
	margin-right: 20px;
	margin-top: 30px;
	text-transform: uppercase;
	clear: right;
	
}
a.mobile-menu-link:hover {
	color: #fff;
	text-decoration: none;
}
a.mobile-menu-link.active {
	color: #fff;
	text-decoration: none;
}

a.mobile-submenu-link,a.mobile-submenu-link:active,a.mobile-submenu-link:visited,a.mobile-submenu-link:link {
	float: right;
	display: block; 
	color: #91bfba;
	font-size:19pt;
	line-height: 22pt;
	font-family: 'Mukta';
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
	margin-right: 20px;
	margin-top: 20px;
	text-transform: uppercase;
	clear: right;
	
}
a.mobile-submenu-link:hover {
	color: #fff;
	text-decoration: none;
}
a.mobile-submenu-link.active {
	color: #fff;
	text-decoration: none;
}

.dropdown-mobile-menu-container {
	clear: right;
	float: right;
	display: none;
}

a.main-submenu-link,a.main-submenu-link:active,a.main-submenu-link:visited,a.main-submenu-link:link {
	clear: left;
	float: left;
	display: block; 
	color: #91bfba;
	font-size:15pt;
	line-height: 17pt;
	font-family: 'Mukta';
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 14px;
	
}
a.main-submenu-link:hover {
	color: #237e74;
	text-decoration: none;
}
a.main-submenu-link.active {
	color: #237e74;
	text-decoration: none;
}

a.btn-customy,a.btn-customy:active,a.btn-customy:visited,a.btn-customy:link {
	border: 1px solid #8CBDB9;
	background: #8CBDB9;
	color: #fff;
	border-radius: 3px;
	text-transform: uppercase;
	padding: 5px 10px;
	transition: ease .5s;
	border-radius: 0px;
}
a.btn-customy:hover {
	border: 1px solid #2D3E4E;
	background: #fff;
	color: #2D3E4E;
	border-radius: 3px;
	text-transform: uppercase;
	padding: 5px 10px;
	transition: ease .5s;
	text-decoration: none;
}


input.btn-customy,input.btn-customy:active,input.btn-customy:visited,input.btn-customy:link {
	border: 1px solid #8CBDB9;
	background: #8CBDB9;
	color: #fff;
	border-radius: 3px;
	text-transform: uppercase;
	padding: 5px 10px;
	transition: ease .5s;
	border-radius: 0px;
	letter-spacing: 1px;
}
input.btn-customy:hover {
	border: 1px solid #2D3E4E;
	background: #fff;
	color: #2D3E4E;
	border-radius: 3px;
	text-transform: uppercase;
	padding: 5px 10px;
	transition: ease .5s;
	text-decoration: none;
}

.lang-switch-container {
	color: #91bfba;
	font-size: 14pt;
}

.lang_switch,.lang_switch:active,.lang_switch:visited,.lang_switch:link {
	color: #91bfba;
	text-decoration: none;
}
.lang_switch:hover {
	color: #fff;
	text-decoration: none;
}
.lang_switch.active {
	color: #fff;
}

.symbol-portrait {
	max-height: 18pt !important;
}
.symbol-portrait2 {
	max-height: 14pt !important;
	margin-top: -4px;}
	
	
.img-downloas {
	max-width: 40pt !important;
}

.form-control {
	border: none;
	background-color: #91bfba;
	border-radius: 0px;
	margin-top: 10px !important;
}

.form-control::placeholder {
    opacity: 1;
    color: white;
}



/* ====================== MAIN STYLES ========================= */


@media (max-width: 1024px) {
	.aktionen-container-outer {
		padding: 180px 20px 80px 50px;
	}
	.wm-container-outer {
		padding: 180px 50px 80px 50px;
	}
	
	
	a.nav-link-footer,a.nav-link-footer:active,a.nav-link-footer:visited,a.nav-link-footer:link {
		clear:left;
		float: left;
		display: block; 
		color: #91bfba;
		text-decoration: none;
		text-transform: uppercase;
		margin-right: 30px;
		margin-bottom: 20px;
	}
	
	h1 {
		font-family: 'Dancing Script';
		font-style: normal;
		font-weight: 400;
		font-size: 36pt;
		color: #fff;
		line-height: 38pt;
	}
	
	h1.headline {
		background-image: none;
		background-repeat: no-repeat;
		background-position: none;
		background-color: #91bfba;
		display: inline-block;
		padding: 12px;
		position: relative;
		margin-top: 0px;
	}
	
	h1.headline_ohne_bild {
		background-image: none;
		background-repeat: no-repeat;
		background-position: none;
		background-color: #91bfba;
		display: inline-block;
		padding: 12px;
		position: relative;
		margin-top: 0px;
	}
	
	h2 {
		font-family: 'Mukta';
		font-style: normal;
		font-weight: 500;
		font-size: 18pt;
		color: #fff;
		line-height: 20pt;
		letter-spacing: 0px;
	}

	.lang_switch,.lang_switch:active,.lang_switch:visited,.lang_switch:link {
		color: #91bfba;
		text-decoration: none;
		font-weight: bold;
	}
}
@media (max-width: 768px) {
	.aktionen-container-outer {
		padding: 40px 20px;
		max-width: 100% !important;
		background-image: url("../media/img/Aktionen_Menue_Papierkachel.jpg");
		background-repeat: repeat;
		background-size: auto;
	}
	
	.wm-container-outer {
		padding: 40px 20px;
		max-width: 100% !important;
		background-image: url("../media/img/Aktionen_Menue_Papierkachel.jpg");
		background-repeat: repeat;
		background-size: auto;
	}
}