@charset "utf-8";

/*
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	///////////////////////////// HTML Tags Allgemein ///////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
*/

:root {
	/* Quick and Dirty: */

/*

	--bg_inputboxen: #feffe8;
	--bg_inputboxen_focus: #feffe8;


 */

	/*--bg_inputboxen: #ffe353;
	--bg_inputboxen_focus: #ffe353;*/








	/*  ENDE */






	/* Standard values als Constants: */
	--constant_fontfamily: 'Open Sans', 'Arial', 'Helvetica', 'Sans-Serif', 'Poppins', 'Segoe UI', 'Montserrat';

	--constant_height_header: 70px;
	--constant_height_footer: 65px;
	--constant_scrollingtext_height: 35px;
	--constant_cancelorderbutton_size: 40px;
	--constant_repeatorderbutton_size: 40px;
	--constant_cancelfuturereservationbutton_size: 40px;
	--constant_deletecampaignbutton_size: 40px;

	--constant_height_table_div_top: 50px;
	--constant_height_table_div_bottom_3b: 122px;
	--constant_height_table_div_bottom_6b: 160px;
	--constant_height_table_div_bottom_combo: 125px;
	--constant_height_table_div_bottom_fixedordermode: 87px;
	--constant_height_table_div_bottom_small: 40px;

	--constant_height_itemsearcher_div_top: 50px;

	--constant_height_menu_div_top: 50px;
	--constant_height_menu_div_top_2lines: 80px;
	--constant_height_menu_div_search: 59px;

	--constant_height_basket_div_payment_onebutton: 100px;
	--constant_height_basket_div_payment_twobutton: 160px;

	--constant_snackbutton_bottom: 10px;

	--constant_fontsize_menu_item_shortdescription: 100%;

	--constant_downloadbar_height: 40px;

	--constant_windows_maxwidth: 500px;
	--constant_windowsbroad_maxwidth: 1000px;

	--constant_picslider_height: 185px;

	--constant_fontcolor_menu_div_main: rgb(68, 68, 68);

	--constant_greybottomboxes_paddingbottom: 18px;




	--basket_marquee_seconds: 15s;
	--scrollingtext_seconds: 15s;
	--scrollingtext_direction: scroll-left;




	/* Variablen die sich auch ändern können (z.B. bei Inputbox-Fokus aus Smartphone) */
	--height_header: var(--constant_height_header);
	--height_footer: var(--constant_height_footer);
	--scrollingtext_height: var(--constant_scrollingtext_height);
	--cancelorderbutton_size: var(--constant_cancelorderbutton_size);
	--cancelfuturereservationbutton_size: var(--constant_cancelfuturereservationbutton_size);
	--repeatorderbutton_size: var(--constant_repeatorderbutton_size);
	--deletecampaignbutton_size: var(--constant_deletecampaignbutton_size);

	--height_table_div_top: var(--constant_height_table_div_top);
	--height_table_div_bottom: var(--constant_height_table_div_bottom_3b);
	--height_table_div_bottom_small: var(--constant_height_table_div_bottom_small);

	--height_itemsearcher_div_top: var(--constant_height_itemsearcher_div_top);

	--height_menu_div_top: var(--constant_height_menu_div_top);
	--height_menu_div_top_2lines: var(--constant_height_menu_div_top_2lines);
	--height_menu_div_search: var(--constant_height_menu_div_search);

	--height_basket_div_payment_onebutton: var(--constant_height_basket_div_payment_onebutton);
	--height_basket_div_payment_twobutton: var(--constant_height_basket_div_payment_twobutton);

	--snackbutton_bottom: var(--constant_snackbutton_bottom);

	--fontsize_menu_item_shortdescription: var(--constant_fontsize_menu_item_shortdescription);

	--downloadbar_height: var(--constant_downloadbar_height);

 	/* In Native werden diese Werte angepasst damit Vertical Center passt */
	--verticalcenter_add_countitems: 0; /* !!!!!!!!!!!!!!!!!!! Hier ändern bringt nix, muss in Code sein! */ /* Anzahl Artikel in roter Bubble */
	--verticalcenter_add_comboarrow: 0; /* !!!!!!!!!!!!!!!!!!! Hier ändern bringt nix, muss in Code sein! */ /* Combobox-Pfeil */
	--verticalcenter_add_plusminusbutton: 0; /* !!!!!!!!!!!!!!!!!!! Hier ändern bringt nix, muss in Code sein! */ /* Roter Plusminus-Button */

	--windows_maxwidth: var(--constant_windows_maxwidth);
	--windowsbroad_maxwidth: var(--constant_windowsbroad_maxwidth);

	--fontcolor_menu_div_main: var(--constant_fontcolor_menu_div_main); /* Gehört nicht zu unten */










	/* Wichtig: Neue Farben auch hinzufügen in fct_init_stylecolor() */
	--color_index_aptbasic_logo_bg: #162a42;
	--color_index_aptbasic_logo_fg: rgb(251, 233, 69);

	--color_index_aptbasic_helperdivs_bg1: #FFFFFF;
	--color_index_aptbasic_helperdivs_bg2: #F0F0F0;
	--color_index_aptbasic_topbottombuttons: rgb(123, 21, 48);
	--color_index_aptbasic_gold: rgb(251, 233, 69);
	--color_index_aptbasic_inputboxbackground: #FFFFFF; /*#ffe353;*/
	--color_index_aptbasic_tabborderright: #162a42;
	--color_index_aptbasic_ahover: #162a42;
	--color_index_aptbasic_ordermode: rgb(219, 162, 175);
	--color_index_aptbasic_ordermode_notactive: rgb(215, 81, 105);
	--color_index_aptbasic_checkbox_bg: rgb(164, 75, 83);
	--color_index_aptbasic_checkbox_bg_checked: rgb(23, 156, 125); /*rgb(23, 156, 125);*/
	/*--color_index_aptbasic_lightfield: rgb(168, 67, 67);*/
	--color_index_aptbasic_lightfield: rgb(255, 255, 255);
	--color_index_aptbasic_contextmenus_bg: #162a42;
	--color_index_aptbasic_lineshadow: rgb(87, 11, 29);
	--color_index_aptbasic_smallbuttons: rgb(87, 11, 29);
	--color_index_aptbasic_linktext_brighter: rgb(231, 93, 68);
	--color_index_aptbasic_focuscolor: rgb(251, 233, 69);

	--color_index_aptbasic_original_standard: #162a42;
	--color_index_aptbasic_original_blue: rgb(91, 135, 156); /*rgb(22, 125, 164);*/
	--color_index_aptbasic_brighter_blue: rgb(91, 135, 156); /*rgb(50, 185, 236);*/
	--color_index_aptbasic_original_green: #206656;
	--color_index_aptbasic_original_red: #162a42;




	/* 24.08.2023: Appatini Design Session */
	--color_index_aptbasic_layerempty_bg: #FFFFFF;






	--color_index_aptbasic_original_green_intense: #206656;
	--color_index_aptbasic_original_orange: rgb(235, 106, 10);
	--color_index_aptbasic_original_yellow: rgb(252, 160, 37);
	--color_index_aptbasic_original_purple: rgb(215, 27, 214);

	--color_index_aptbasic_tab_color1: #9B334B;
	--color_index_aptbasic_tab_color2: #662030;



	--color_index_aptbasic_tab_color3: rgb(120, 18, 41);

	--color_index_aptbasic_btn_standard_color1: rgb(91, 135, 156);
	--color_index_aptbasic_btn_standard_color2: rgb(91, 135, 156);

	--color_index_aptbasic_shadowcolor: rgba(220, 220, 220, 0.7);


	--color_index_aptbasic_header_bgcolor1: #162a42;
	--color_index_aptbasic_header_bgcolor2: #162a42;

	--color_index_aptbasic_basket_bgcolor: #162a42;

	--color_index_aptbasic_scrollingtext_bgcolor1: #162a42;
	--color_index_aptbasic_scrollingtext_bgcolor2: #162a42;
	--color_index_aptbasic_scrollingtext_textcolor: #FFFFFF;
	--color_index_aptbasic_scrollingtext_offset: #FFFFFF;

	--color_index_aptbasic_bonuspoints_earnwaybox_bgcolor1: rgba(251, 218, 40, 0.92); /* 24.10.2022: Ändere ich erstmal nicht in Customizing & Co., evtl. später */
	--color_index_aptbasic_bonuspoints_earnwaybox_bgcolor2: rgba(251, 236, 3, 0.41); /* 24.10.2022: Ändere ich erstmal nicht in Customizing & Co., evtl. später */

	--color_index_aptbasic_background: rgb(255, 255, 255);
	--color_index_aptbasic_helperdivs_textcolor: rgb(51, 51, 51);
	--color_index_aptbasic_header_textcolor: rgb(255, 255, 255);
	--color_index_aptbasic_popups_background: rgb(255, 255, 255);
	--color_index_aptbasic_popups_textcolor: rgb(51, 51, 51);
	--color_index_aptbasic_trennlinie: rgb(51, 51, 51);
	--color_index_aptbasic_coltab_standard: #666666;
	--color_index_aptbasic_coltab_active: #5b879C;
	--color_index_aptbasic_coltab_notactive: #cacaca;
	--color_index_aptbasic_mainelement_border: #c11b00;

	--color_index_aptbasic_tabtext: rgb(255, 255, 255);
	/*--color_index_aptbasic_tabtext_active: rgb(255, 198, 0);*/
	--color_index_aptbasic_tabtext_active: rgb(255, 221, 35);


    /* ANFANG: NEU DAZU IN DATENBANK FÜR CUSTOMIZING: */



    /* ENDE: NEU DAZU IN DATENBANK FÜR CUSTOMIZING: */













	/* Appatini Grundfarben (Blau, für Kellner/waiter): */
	/* Wichtig: Neue Farben auch hinzufügen in fct_init_stylecolor() */
	--color_waiter_aptbasic_logo_bg: rgb(22, 125, 164);
	--color_waiter_aptbasic_logo_fg: rgb(254, 221, 51);

	--color_waiter_aptbasic_helperdivs_bg1: #FFFFFF;
	--color_waiter_aptbasic_helperdivs_bg2: #F0F0F0;
	--color_waiter_aptbasic_topbottombuttons: rgb(25, 100, 128);
	--color_waiter_aptbasic_gold: rgb(254, 221, 51);
	--color_waiter_aptbasic_inputboxbackground: #FFFFFF; /*#ffe353;*/
	--color_waiter_aptbasic_tabborderright: rgb(17, 66, 85);
	--color_waiter_aptbasic_ahover: rgb(22, 125, 255);
	--color_waiter_aptbasic_ordermode: rgba(22, 125, 164, 0.4);
	--color_waiter_aptbasic_ordermode_notactive: rgb(22, 126, 170);
	--color_waiter_aptbasic_checkbox_bg: rgb(88, 159, 185);
	--color_waiter_aptbasic_checkbox_bg_checked: rgb(23, 156, 125);
	--color_waiter_aptbasic_lightfield: rgb(255, 255, 255);
	--color_waiter_aptbasic_contextmenus_bg: rgba(22, 125, 164, 1);
	--color_waiter_aptbasic_lineshadow: rgb(20, 78, 100);
	--color_waiter_aptbasic_smallbuttons: rgb(20, 78, 100);
	--color_waiter_aptbasic_linktext_brighter: rgb(98, 202, 255);

	--color_waiter_aptbasic_original_standard: rgb(22, 125, 164);
	--color_waiter_aptbasic_original_blue: rgb(22, 125, 164);
	--color_waiter_aptbasic_brighter_blue: rgb(50, 185, 236);
	--color_waiter_aptbasic_original_green: rgb(17, 156, 79);
	--color_waiter_aptbasic_original_red: rgb(220, 38, 48);

	--color_waiter_aptbasic_original_green_intense: rgb(0, 214, 53);
	--color_waiter_aptbasic_original_orange: rgb(235, 106, 10);
	--color_waiter_aptbasic_original_yellow: rgb(252, 160, 37);
	--color_waiter_aptbasic_original_purple: rgb(215, 27, 214);

	--color_waiter_aptbasic_tab_color1: rgb(88, 159, 185);
	--color_waiter_aptbasic_tab_color2: rgb(20, 78, 100);
	/*--color_waiter_aptbasic_tab_color2: rgb(27, 120, 150);*/
	--color_waiter_aptbasic_tab_color3: rgb(20, 78, 100);

	--color_waiter_aptbasic_btn_standard_color1: rgb(91, 135, 156);
	--color_waiter_aptbasic_btn_standard_color2: rgb(91, 135, 156);

	--color_waiter_aptbasic_shadowcolor: rgba(128, 128, 128, 1.0);

	--color_waiter_aptbasic_header_bgcolor1: rgb(88, 159, 185);
	--color_waiter_aptbasic_header_bgcolor2: rgb(88, 159, 185);

	--color_waiter_aptbasic_basket_bgcolor: rgb(22, 125, 164);

	--color_waiter_aptbasic_scrollingtext_bgcolor1: rgb(88, 159, 185);
	--color_waiter_aptbasic_scrollingtext_bgcolor2: rgb(88, 159, 185);
	--color_waiter_aptbasic_scrollingtext_textcolor: rgb(0, 0, 0);




	--color_waiter_aptbasic_background: rgb(255, 255, 255);
	--color_waiter_aptbasic_helperdivs_textcolor: rgb(51, 51, 51);
	--color_waiter_aptbasic_header_textcolor: rgb(255, 255, 255);
	--color_waiter_aptbasic_popups_background: rgb(255, 255, 255);
	--color_waiter_aptbasic_popups_textcolor: rgb(51, 51, 51);
	--color_waiter_aptbasic_trennlinie: rgb(51, 51, 51);
	--color_waiter_aptbasic_coltab_standard: #666666;
	--color_waiter_aptbasic_coltab_active: rgb(220, 38, 48);
	--color_waiter_aptbasic_coltab_notactive: #cacaca;
	--color_waiter_aptbasic_mainelement_border: #DC2630; /*rgb(22, 125, 164);*/
	--color_waiter_aptbasic_focuscolor: rgb(254, 221, 51);

	--color_waiter_aptbasic_tabtext: rgb(255, 255, 255);
	--color_waiter_aptbasic_tabtext_active: rgb(255, 198, 0);










	/* Appatini Grundfarben (übernimmt von oben je nachdem ob index oder waiter, oder von lib_customizing): */
	/* Wichtig: Neue Farben auch hinzufügen in fct_init_stylecolor() */
	--color_aptbasic_logo_bg: var(--color_index_aptbasic_logo_bg);
	--color_aptbasic_logo_fg: var(--color_index_aptbasic_logo_fg);

	--color_aptbasic_helperdivs_bg1: var(--color_index_aptbasic_helperdivs_bg1);
	--color_aptbasic_helperdivs_bg2: var(--color_index_aptbasic_helperdivs_bg2);
	--color_aptbasic_topbottombuttons: var(--color_index_aptbasic_topbottombuttons);
	--color_aptbasic_gold: var(--color_index_aptbasic_gold);
	--color_aptbasic_inputboxbackground: var(--color_index_aptbasic_inputboxbackground);
	--color_aptbasic_tabborderright: var(--color_index_aptbasic_tabborderright);
	--color_aptbasic_ahover: var(--color_index_aptbasic_ahover);
	--color_aptbasic_ordermode: var(--color_index_aptbasic_ordermode);
	--color_aptbasic_ordermode_notactive: var(--color_index_aptbasic_ordermode_notactive);
	--color_aptbasic_checkbox_bg: var(--color_index_aptbasic_checkbox_bg);
	--color_aptbasic_checkbox_bg_checked: var(--color_index_aptbasic_checkbox_bg_checked);
	--color_aptbasic_lightfield: var(--color_index_aptbasic_lightfield);
	--color_aptbasic_contextmenus_bg: var(--color_index_aptbasic_contextmenus_bg);
	--color_aptbasic_lineshadow: var(--color_index_aptbasic_lineshadow);
	--color_aptbasic_smallbuttons: var(--color_index_aptbasic_smallbuttons);
	--color_aptbasic_linktext_brighter: var(--color_index_aptbasic_linktext_brighter);
	--color_aptbasic_focuscolor: var(--color_index_aptbasic_focuscolor);

	--color_aptbasic_original_standard: var(--color_index_aptbasic_original_standard);
	--color_aptbasic_original_blue: var(--color_index_aptbasic_original_blue);
	--color_aptbasic_original_brighter_blue: var(--color_index_aptbasic_brighter_blue);
	--color_aptbasic_original_green: var(--color_index_aptbasic_original_green);
	--color_aptbasic_original_red: var(--color_index_aptbasic_original_red);



	/* 24.08.2023 */
	--color_aptbasic_layerempty_bg: var(--color_index_aptbasic_layerempty_bg);


	--color_aptbasic_original_green_intense: var(--color_index_aptbasic_original_green_intense);
	--color_aptbasic_original_orange: var(--color_index_aptbasic_original_orange);
	--color_aptbasic_original_yellow: var(--color_index_aptbasic_original_yellow);
	--color_aptbasic_original_purple: var(--color_index_aptbasic_original_purple);

	--color_aptbasic_tab_color1: var(--color_index_aptbasic_tab_color1);
	--color_aptbasic_tab_color2: var(--color_index_aptbasic_tab_color2);
	--color_aptbasic_tab_color3: var(--color_index_aptbasic_tab_color3);

	--color_aptbasic_btn_standard_color1: var(--color_index_aptbasic_btn_standard_color1);
	--color_aptbasic_btn_standard_color2: var(--color_index_aptbasic_btn_standard_color2);

	--color_aptbasic_shadowcolor: var(--color_index_aptbasic_shadowcolor);

	--color_aptbasic_header_bgcolor1: var(--color_index_aptbasic_header_bgcolor1);
	--color_aptbasic_header_bgcolor2: var(--color_index_aptbasic_header_bgcolor2);

	--color_aptbasic_basket_bgcolor: var(--color_index_aptbasic_basket_bgcolor);

	--color_aptbasic_scrollingtext_bgcolor1: var(--color_index_aptbasic_scrollingtext_bgcolor1);
	--color_aptbasic_scrollingtext_bgcolor2: var(--color_index_aptbasic_scrollingtext_bgcolor2);
	--color_aptbasic_scrollingtext_textcolor: var(--color_index_aptbasic_scrollingtext_textcolor);
	--color_aptbasic_scrollingtext_offset: var(--color_index_aptbasic_scrollingtext_offset);

	--color_aptbasic_background: var(--color_index_aptbasic_background);
	--color_aptbasic_helperdivs_textcolor: var(--color_index_aptbasic_helperdivs_textcolor);
	--color_aptbasic_header_textcolor: var(--color_index_aptbasic_header_textcolor);
	--color_aptbasic_popups_background: var(--color_index_aptbasic_popups_background);
	--color_aptbasic_popups_textcolor: var(--color_index_aptbasic_popups_background);
	--color_aptbasic_trennlinie: var(--color_index_aptbasic_trennlinie);
	--color_aptbasic_coltab_standard: var(--color_index_aptbasic_coltab_standard);
	--color_aptbasic_coltab_active: var(--color_index_aptbasic_coltab_active);
	--color_aptbasic_coltab_notactive: var(--color_index_aptbasic_coltab_notactive);

	--color_aptbasic_mainelement_border: var(--color_index_aptbasic_mainelement_border);

	--color_aptbasic_bonuspoints_earnwaybox_bgcolor1: var(--color_index_aptbasic_bonuspoints_earnwaybox_bgcolor1);
	--color_aptbasic_bonuspoints_earnwaybox_bgcolor2: var(--color_index_aptbasic_bonuspoints_earnwaybox_bgcolor2);

	--color_aptbasic_tabtext: var(--color_index_aptbasic_tabtext);
	--color_aptbasic_tabtext_active: var(--color_index_aptbasic_tabtext_active);


	/* Sonstige Variablen: */




	/* Safe Area Abfrage für JS: */
	--val_sait: env(safe-area-inset-top);
    --val_sair: env(safe-area-inset-right);
    --val_saib: env(safe-area-inset-bottom);
    --val_sail: env(safe-area-inset-left);
	/* 14.10.2020, Siehe hier: https://benfrain.com/how-to-get-the-value-of-phone-notches-environment-variables-env-in-javascript-from-css/ */

}

* {
    -webkit-overflow-scrolling: touch;
}

body {
	font-family: var(--constant_fontfamily);

	/*-webkit-font-smoothing: antialiased;*/ /* Test later */
  	/*-moz-osx-font-smoothing: grayscale;*/ /* Test later */
	font-size: 1em;
	color: #444444;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
  	background-color: var(--color_aptbasic_original_standard);
	-o-tap-highlight-color: transparent;
	-ms-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
	overflow-y: hidden;

	-o-user-select: None;
	-ms-user-select: None;
	-moz-user-select: None;
	-webkit-user-select: None;
}





/* /////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////// Scrollbar Style ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////// */

/*
.scrollbarstyle::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.scrollbarstyle::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.scrollbarstyle::-webkit-scrollbar-thumb
{
	background-color: #fedd33;
	background-image: -webkit-linear-gradient(45deg,
	                                          #e8c45b 25%,
											  transparent 25%,
											  transparent 50%,
											  #e8c45b 50%,
											  #e8c45b 75%,
											  transparent 75%,
											  transparent)
}
*/




.noscrollbar {
	scrollbar-width: none;  /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.noscrollbar::-webkit-scrollbar {
    display: none;
}

.noscrollbar::-webkit-scrollbar-track
{
	display: none;
}

.noscrollbar::-webkit-scrollbar
{
	display: none;
	width: 0;
}


.noscrollbar::-webkit-scrollbar-thumb
{
	display: none;
	width: 0;
}













table {
	border: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

p {
	text-align: left;
}

h1 {
	text-align: center;
	text-decoration: underline;
}

h2 {
	text-align: center;
}

ol, ul {
	text-align: justify;
}

a {
	color: var(--color_aptbasic_original_standard);
}

a:hover {
	color: var(--color_aptbasic_ahover);
}

img {
	border: 0;





	/* 30.11.2021: Versuch, damit Chrome die Bilder nicht so unscharf macht! Von hier: https://superuser.com/questions/530317/how-to-prevent-chrome-from-blurring-small-images-when-zoomed-in */
	/*image-rendering:-webkit-optimize-contrast;*/
}

html, body {
    height: 100%;
    touch-action: manipulation; /* Von hier: https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away */
}

td {

}













.shine, .chrome {
	font-size: 3em;
	margin: 0 auto;
	margin-bottom: 1em;
	font-weight: bold;
}

.shine {
	background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
	-webkit-background-size: 150px;
	color: rgba(255, 255, 255, 0.3);
	-webkit-background-clip: text;
	-webkit-animation-name: shine;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

.chrome {
	background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
	background-image: -webkit-linear-gradient(-40deg, transparent 0%, transparent 40%, #fff 50%, transparent 60%, transparent 100%);
	-webkit-background-size: 200px;
	color: rgba(255, 255, 255, 0.3);
	-webkit-background-clip: text;
	-webkit-animation-name: shine;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

@-webkit-keyframes shine {
	0%, 10% {
		background-position: -1000px;
	}
	20% {
		background-position: top left;
	}
	90% {
		background-position: top right;
	}
	100% {
		background-position: 1000px;
	}
}









.glow {
  font-size: 22px;
  color: #fff;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 2.5px #fff, 0 0 5px #fff, 0 0 7.5px #e60073, 0 0 10px #e60073, 0 0 12.5px #e60073, 0 0 15px #e60073, 0 0 17.5px #e60073;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 7.5px #ff4da6, 0 0 10px #ff4da6, 0 0 12.5px #ff4da6, 0 0 15px #ff4da6, 0 0 17.5px #ff4da6, 0 0 20px #ff4da6;
  }
}







/*
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////// Seitenstruktur //////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
*/

.downloadapp_bar_visible {
	height: var(--downloadbar_height) !important;
}

#downloadapp_bar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;

	height: 0;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;

	background-color: var(--color_aptbasic_gold);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;

	cursor: pointer;
}

.downloadapp_index_visible {
	top: var(--downloadbar_height) !important;
}

#downloadapp_bar span {
	position: relative;
	top: 8px;
}



#header_middle {
	position: absolute;
	left: 40px;
	right: 40px;
	top: 0;
	height: var(--height_header);
	overflow-y: hidden;
}

#header_middle div {
	display: table;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
}

#header_title {
	position: relative;
	top: 0;
}

#header_middle span {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	font-size: 1em;
	text-align: center;
	color: var(--color_aptbasic_header_textcolor);
	font-weight: bold;
	overflow-y: hidden;

	/*text-shadow: 0 0 20px rgb(200, 200, 200);*/
}

#layer_importantinfos {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: var(--color_aptbasic_original_standard);
	background-size: cover;
	color: #FFFFFF;
}

#layer_empty_index {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	text-align: center;
	background-color: var(--color_aptbasic_layerempty_bg); /* #B92029 */
	/*background: var(--color_aptbasic_original_red) url('../images/splashscreen_index.png') no-repeat center center;*/
	background-size: auto;
	display: table;
}


.layer_empty_innerdiv {
	text-align: center;
	vertical-align: middle;

	display: table-cell;
}

.layer_empty_image {
	width: 60%;
	height: auto;
	max-width: 400px;
}

/* Bisschen kleiner in Privatmodus */
.layer_empty_image_privatemode {
	width: 40%;
	height: auto;
	max-width: 400px;

}

.layer_empty_image_company {
	width: 40%;
	height: auto;
	max-width: 400px;
	border-radius: 50%;
}

.layer_empty_text {
	text-align: center;
	color: #162a42;
	margin: 0;
	font-size: 17px;
	font-weight: normal;
}




.tabdiv_img_index {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: -1px;
	margin-bottom: -3px;
}

.layer {
	display: none;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(var(--height_header) + var(--scrollingtext_height));
	bottom: calc(var(--height_footer));
	background: #FFFFFF;
	background-size: 200px 200px;
}

#layer_notabbar {
	bottom: 0;
}

#layer_fullscreen {
	top: 0;
	bottom: 0;
}

#layer_fullscreen {
	bottom: 0;
}





.highlight {
    box-shadow: 0 0px 7px 10px #00CC00B5 !important;
}

#content_fullscreen {
	/*background-image: url('../images/loginscreen_transparent.png');*/
	background-color: var(--color_aptbasic_original_standard);
	/*background-size: 100% 100%;*/
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	scrollbar-width: none;  /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}

#content_fullscreen::-webkit-scrollbar {
    display: none;
}

#content_fullscreen_logo_div {
	text-align: center;
	position: relative;
	top: 5%;
}

#content_fullscreen_logo {
	border: none;
	width: calc(100% - 50px);
	max-width: 200px;
	height: auto;
}

#div_loginbuttons_email {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

#div_loginbuttons {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	width: 100%;
}

#div_loginbuttons p {
	text-align: center;
}

#div_sharebuttons {
	text-align: center;
	width: 100%;
}

#div_sharebuttons p {
	text-align: center;
}

.coltable_a {
	text-align: right;
	width: 30%;
	font-weight: bold;
	vertical-align: top;
}
.coltable_b {
	text-align: left;
	width: 1%;
}
.coltable_c {
	text-align: left;
	width: 69%;
	vertical-align: top;
}

.content {
	overflow-x: hidden;
	overflow-y: auto;
	text-align: justify;
	left: 0;
	right: 0;
	width: 100%;

	scrollbar-width: none;  /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.content::-webkit-scrollbar {
    display: none;
}


.div_leftrightpadding {
	padding-left: 10px;
	padding-right: 10px;
}





.config_useraddress_td_minusbutton {
    text-align: left;
    width: 50px;
    max-width: 45px;
    min-width: 45px;
}

.config_useraddress_td_combobox {
    text-align: center;
    width: 99%;
}

.config_useraddress_td_plusbutton {
    text-align: right;
    width: 50px;
    max-width: 45px;
    min-width: 45px;
}

.config_td_left {
	width: 49%;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.config_td_middle {
	width: 1%;
}

.config_td_right {
	width: 50%;
	text-align: left;
	vertical-align: top;
	word-break: break-word;
}









.icontab {
	margin-top: 0;
	width: 28px;
	height: 28px;
}

#icontab_table {
	position: relative;
	top: 0;
}

#icontab_menu {
	position: relative;
	top: 3px;
}


.icontabled {
	width: 8px;
	height: 8px;
}

.tabcheckmark {
	width: 18px;
	height: 18px;

	position: absolute;
	top: 18px;
	left: calc(50% + 15px);

	background-image: url("../images/tabcheckmark.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

#tabcheckmark_basket {
    left: calc(50% + 11px);
}

.tabtext {
	font-size: 0.8em;
	color: var(--color_aptbasic_gold);
	text-align: center;
	margin: 0;
	padding: 0;
}


#tabbar {
	width: 100%;
	overflow: hidden;
	position: absolute;
	height: var(--height_footer);
	left: 0;
	right: 0;
	bottom: 0;

	overflow: hidden;
	scrollbar-width: none;  /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */

	z-index: 19;
}

#tabbar_subdiv {
	white-space: nowrap;
	background-color: #25272A;

	overflow: hidden;
	scrollbar-width: none;  /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}

#tabbar_col {
	overflow-x: auto;
	overflow-y: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: var(--height_menu_div_top_2lines);

	scrollbar-width: none;  /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */

}

#tabbar_col::-webkit-scrollbar {
	display: none;
}


#tabbar_col_parent {
	white-space: nowrap;
	position: absolute;
	/*right: 14px;*/
	/*top: -7px;
	left: 45px;*/
	/*left: 14px;*/
	left: 0;
	right: 0;

	height: 90px;

	overflow-x: auto;
	/*background-color: rgba(25, 100, 128, 1);*/
	/*padding-top: 5px;*/

	scrollbar-width: none;  /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}

#tabbar_col_parent::-webkit-scrollbar {
	display: none;
}

#tabbar_col_scrollarrow_right {
    position: absolute;
    right: -3px;
    top: 26px;

    width: 20px;
    height: 20px;

    pointer-events: none; /* Damit durchgeklickt werden kann */

    background-image: url("../images/tabbar_col_scrollarrow_right_yellow.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

#tabbar_col_scrollarrow_left {
    position: absolute;
    left: -3px;
    top: 26px;

    width: 20px;
    height: 20px;

    pointer-events: none; /* Damit durchgeklickt werden kann */

    background-image: url("../images/tabbar_col_scrollarrow_left_yellow.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.tabbar_col_scrollarrow_blink {
  animation: animation_blinker_tabbar_col_scrollarrow 2s linear infinite;
}

@keyframes animation_blinker_tabbar_col_scrollarrow {
  50% {
    opacity: 0.2;
  }
}




#greatcontent {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #FFFFFF;
}

#header {
	width: 100%;
	/*! background-color: #FFFFFF; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: var(--height_header);

	/*-o-box-shadow: 0 0px 5px 5px var(--color_aptbasic_original_standard);
	-webkit-box-shadow: 0 0px 5px 5px var(--color_aptbasic_original_standard);
	-ms-box-shadow: 0 0px 5px 5px var(--color_aptbasic_original_standard);
	-moz-box-shadow: 0 0px 5px 5px var(--color_aptbasic_original_standard);
	box-shadow: 0 0px 5px 5px var(--color_aptbasic_original_standard);*/
	z-index: 15;

	background-image: linear-gradient(0deg, var(--color_aptbasic_header_bgcolor1) 0%, var(--color_aptbasic_header_bgcolor2) 100%);
}


#scrollingtext {
	width: 100%;
	z-index: 15;
	background-image: linear-gradient(0deg, var(--color_aptbasic_scrollingtext_bgcolor1) 0%, var(--color_aptbasic_scrollingtext_bgcolor2) 100%);
	color: var(--color_aptbasic_scrollingtext_textcolor);
	position: absolute;
	top: var(--height_header);
	left: 0;
	right: 0;
	height: var(--scrollingtext_height);
}

#greatcontent_fullscreen {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #FFFFFF;
}

.content_noitems {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
}











.menu_item_items {
	font-size: 1em;
	text-align: left;
	margin-top: 20px !important;
	margin-bottom: 0 !important;
	margin-left: 0;
}

.menu_item_items_noemptyline {
	font-size: 1em;
	text-align: left;
	margin-top: 2px !important;
	margin-bottom: 0 !important;
	margin-left: 0;
}


.menu_item_variants {
    font-size: 1em;
    color: #00AA00;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
	font-weight: normal;
}


.menu_item_ordercomments {
	font-size: 1em;
	color: #AA0000;
	text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
}









/* 14.01.2019: Bildschirmorientierung soll Hochformat sein */
/* 14.01.2019: Geht scheinbar nicht, weil wenn z.B. auf Smartphone Keyboard angezeigt wird -> Falsche Anzeige, daher momentan deaktiviert */
/*@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	html {
		transform: rotate(-90deg);
		transform-origin: left top;
		width: 100vh;
		/* 20.05.2020: Hinweis zu 100vh: Da wird Safearea dazugenommen, deshalb auf iPhone X gehts drüber. Abhilfe wäre css-Eigenschaft moz-available etc., siehe: https://stackoverflow.com/questions/54175400/how-to-use-height-webkit-fill-available-in-edge-browser-how-to-make-a-div-fil */
		/*overflow-x: hidden;
		position: absolute;
		top: 100%;
		left: 0;
	}
}*/

#debug_output {
	word-break: break-word;
}

/*
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////// Appatinibutton //////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
*/

/* Allgemein */

.appatinibutton {
	width: 200px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 10px;
    white-space: nowrap;
	font-weight: bold;
	overflow-x: hidden;

	/* border-radius: 50vh; */
	border-radius: 10px;

	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);

    /*text-shadow: rgba(0,0,0,0.3) 2px 2px 2px;*/
	font-size: 13px;
	font-family: var(--constant_fontfamily);
    color: #FFFFFF;
    text-decoration: none;
}
.appatinibutton:hover,
.appatinibutton:focus {
    color: #FFFFFF;
    text-decoration: none;
}
.appatinibutton:active {
    -webkit-box-shadow: #000000 0px 0px 0px 0px;
    -moz-box-shadow: #000000 0px 0px 0px 0px;
	-ms-box-shadow: #000000 0px 0px 0px 0px;
	-o-box-shadow: #000000 0px 0px 0px 0px;
    box-shadow: #000000 0px 0px 0px 0px;
    /*text-shadow: #000000 0px 0px 0px;*/
}

.appatinibutton img {
	vertical-align: middle;
	height: 24px;
	width: 24px;
}

.appatinibutton span {
	position: relative;
	top: 2px;
}














.appatinibutton_onlyicon {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 12px;
	padding-bottom: 12px;
	white-space: nowrap;

	width: 32px;

	/* border-radius: 50vh; */
	border-radius: 10px;

	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
}
.appatinibutton_onlyicon:active {
	-webkit-box-shadow: #000000 0px 0px 0px 0px;
	-moz-box-shadow: #000000 0px 0px 0px 0px;
	-ms-box-shadow: #000000 0px 0px 0px 0px;
	-o-box-shadow: #000000 0px 0px 0px 0px;
	box-shadow: #000000 0px 0px 0px 0px;
	/*text-shadow: #000000 0px 0px 0px;*/
}

.appatinibutton_onlyicon img {
	vertical-align: middle;
	height: 24px;
	width: 24px;
}

.appatinibutton_onlyicon_bp {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 16px;
	padding-bottom: 16px;
	white-space: nowrap;

	width: 50px;

	/* border-radius: 50vh; */
	border-radius: 10px;

	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
}
.appatinibutton_onlyicon_bp:active {
	-webkit-box-shadow: #000000 0px 0px 0px 0px;
	-moz-box-shadow: #000000 0px 0px 0px 0px;
	-ms-box-shadow: #000000 0px 0px 0px 0px;
	-o-box-shadow: #000000 0px 0px 0px 0px;
	box-shadow: #000000 0px 0px 0px 0px;
	/*text-shadow: #000000 0px 0px 0px;*/
}

.appatinibutton_onlyicon_bp img {
	vertical-align: middle;
	height: 40px;
	width: 40px;
}





.appatinibutton_onlyicon_smallheight {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	height: 38px;

	/* border-radius: 50vh; */
	border-radius: 10px;

	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
}
.appatinibutton_onlyicon_smallheight:active {
	-webkit-box-shadow: #000000 0px 0px 0px 0px;
	-moz-box-shadow: #000000 0px 0px 0px 0px;
	-ms-box-shadow: #000000 0px 0px 0px 0px;
	-o-box-shadow: #000000 0px 0px 0px 0px;
	box-shadow: #000000 0px 0px 0px 0px;
	/*text-shadow: #000000 0px 0px 0px;*/
}

.appatinibutton_onlyicon_smallheight img {
	vertical-align: middle;
	height: 32px;
	width: 32px;
	margin-top: 3px;
}





.appatinibutton_onlyicon_bigheight_sharp {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	height: 50px;
	width: 50px;
	overflow: hidden;

	/* border-radius: 50vh; */
	border-radius: 3px;

	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
}
.appatinibutton_onlyicon_bigheight_sharp:active {
	-webkit-box-shadow: #000000 0px 0px 0px 0px;
	-moz-box-shadow: #000000 0px 0px 0px 0px;
	-ms-box-shadow: #000000 0px 0px 0px 0px;
	-o-box-shadow: #000000 0px 0px 0px 0px;
	box-shadow: #000000 0px 0px 0px 0px;
	/*text-shadow: #000000 0px 0px 0px;*/
}

.appatinibutton_onlyicon_bigheight_sharp img {
	vertical-align: middle;
	height: 40px;
	width: 40px;
	margin-top: 5px;
}










.appatinibutton_sharp {
	width: 120px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	/*padding: 12px 10px;*/
	white-space: nowrap;
	font-weight: bold;
	overflow-x: hidden;
	height: 50px !important;
	max-height: 50px !important;

	/* border-radius: 50vh; */
	border-radius: 3px;

	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);

	/*text-shadow: rgba(0,0,0,0.3) 2px 2px 2px;*/
	font-size: 11px;
	font-family: var(--constant_fontfamily);
	color: #FFFFFF;
	text-decoration: none;
}
.appatinibutton_sharp:hover,
.appatinibutton_sharp:focus {
	color: #FFFFFF;
	text-decoration: none;
}
.appatinibutton_sharp:active {
	-webkit-box-shadow: #000000 0px 0px 0px 0px;
	-moz-box-shadow: #000000 0px 0px 0px 0px;
	-ms-box-shadow: #000000 0px 0px 0px 0px;
	-o-box-shadow: #000000 0px 0px 0px 0px;
	box-shadow: #000000 0px 0px 0px 0px;
	/*text-shadow: #000000 0px 0px 0px;*/
}
.appatinibutton_sharp p {
	text-align: center;
	margin: 0;
	padding: 0;

	margin-top: 2px;
	margin-bottom: 3px;
}







.appatinibutton_addregularguest {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	white-space: nowrap;

	/* border-radius: 50vh; */
	border-radius: 10px;

	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
}
.appatinibutton_addregularguest:active {
	-webkit-box-shadow: #000000 0px 0px 0px 0px;
	-moz-box-shadow: #000000 0px 0px 0px 0px;
	-ms-box-shadow: #000000 0px 0px 0px 0px;
	-o-box-shadow: #000000 0px 0px 0px 0px;
	box-shadow: #000000 0px 0px 0px 0px;
	/*text-shadow: #000000 0px 0px 0px;*/
}

.appatinibutton_addregularguest img {
	vertical-align: middle;
	height: 24px;
	width: 24px;
	position: relative;
	top: -3px;
}

.smallbutton {
	padding-top: 6px;
	padding-bottom: 6px;
}


/* Standard (in index Rot, in waiter Blau) */

.abtn_standard {
	background: var(--color_aptbasic_btn_standard_color1);
	background-image: linear-gradient(0deg, var(--color_aptbasic_btn_standard_color1) 0%, var(--color_aptbasic_btn_standard_color2) 100%); /*linear-gradient(0deg, var(--color_aptbasic_btn_standard_color2) 0%, var(--color_aptbasic_btn_standard_color1) 100%);*/
}

.abtn_standard:active {
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, var(--color_aptbasic_btn_standard_color2) 100%);
}


/* Red */

.abtn_red {
	/*background: #DC2630;*/
	background: var(--color_aptbasic_original_red);
	/*background-image: linear-gradient(0deg, #DC2630 0%, #E63648 100%);*/
}

.abtn_red:active {
    background: var(--color_aptbasic_original_red);
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, var(--color_aptbasic_original_red) 100%);
}

/* Grey */

.abtn_grey {
	/*background: #DC2630;*/
	background: rgb(170, 170, 170);
	/*background-image: linear-gradient(0deg, #DC2630 0%, #E63648 100%);*/
}

.abtn_grey:active {
	background: rgb(170, 170, 170);
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgb(170, 170, 170) 100%);
}

/* Blue */

.abtn_blue {
	/* 32B9EC */
	background: var(--color_aptbasic_original_blue);
	/*background-image: linear-gradient(0deg, #32B9EC 0%, var(--color_aptbasic_original_blue) 100%);*/
}

.abtn_blue:active {
	background: var(--color_aptbasic_original_blue);
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, var(--color_aptbasic_original_blue) 100%);
}

/* Green */

.abtn_green {
	/*background: #119c4f;*/
	background: var(--color_aptbasic_original_green);
	/*background-image: linear-gradient(0deg, #5A9784 0%, #119c4f 100%);*/
}

.abtn_green:active {
	background: var(--color_aptbasic_original_green);
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, var(--color_aptbasic_original_green) 100%);
}


/* Green Intense */

.abtn_green_intense {
	/*background: #00a82d;*/
	background: var(--color_aptbasic_original_green_intense);
	/*background-image: linear-gradient(0deg, #33d370 0%, #00a82d 100%);*/
}

.abtn_green_intense:active {
	background: var(--color_aptbasic_original_green_intense);
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, var(--color_aptbasic_original_green_intense) 100%);
}

/* Orange */

.abtn_orange {
	/*background: #EB6A0A;*/
	background: var(--color_aptbasic_original_orange);
	/*background-image: linear-gradient(0deg, #eb953a 0%, #EB6A0A 100%);*/
}

.abtn_orange:active {
	background: var(--color_aptbasic_original_orange);
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, var(--color_aptbasic_original_orange) 100%);
}

/* Yellow */

.abtn_yellow {
	/*background: #fca025;*/
	background: var(--color_aptbasic_original_yellow);
	/*background-image: linear-gradient(0deg, #fcce51 0%, #fca025 100%);*/
}

.abtn_yellow:active {
	background: var(--color_aptbasic_original_yellow);
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, var(--color_aptbasic_original_yellow) 100%);
}

/* Purple */

.abtn_purple {
	/*background: #d71bd6;*/
	background: var(--color_aptbasic_original_purple);
	/*background-image: linear-gradient(0deg, #ee42e0 0%, #d71bd6 100%);*/
}

.abtn_purple:active {
	background: var(--color_aptbasic_original_purple);
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, var(--color_aptbasic_original_purple) 100%);
}

/* Facebook */

.abtn_facebook {
	background: #3b5997;
	background-image: linear-gradient(0deg, #4b86b9 0%, #3b5997 100%);
}

.abtn_facebook:active {
	background: #3b5997;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #3b5997 100%);
}

/* Google Login */

.abtn_google {
	background: #cf4332;
	background-image: linear-gradient(0deg, #d97057 0%, #cf4332 100%);
}

.abtn_google:active {
	background: #cf4332;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #cf4332 100%);
}

/* Apple Login */

.abtn_apple {
	background: #FFFFFF;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 100%);

	color: #000000; /* Farbe schwarz weil Button weiß ist */
    text-shadow: none;
}
/* Nachfolgendes weg weils nix bringt */
/*
.abtn_apple:active {
    background: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ffffff));
    background: -moz-linear-gradient(top, #FFFFFF, #ffffff);
    background: linear-gradient(to bottom, #FFFFFF, #ffffff);
}
*/



/* Instagram */

.abtn_instagram {
	background: #bf2519;
	background-image: linear-gradient(0deg, #c44b3e 0%, #bf2519 100%);
}

.abtn_instagram:active {
	background: #bf2519;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #bf2519 100%);
}

/* Twitter */

.abtn_twitter {
	background: #55ACEE;
	background-image: linear-gradient(0deg, #7dc4ee 0%, #55ACEE 100%);
}

.abtn_twitter:active {
	background: #55ACEE;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #55ACEE 100%);
}

/* Whatsapp */

.abtn_whatsapp {
	background: #4DC247;
	background-image: linear-gradient(0deg, #72d17e 0%, #4DC247 100%);
}

.abtn_whatsapp:active {
	background: #4DC247;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #4DC247 100%);
}

/* Tripadvisor */

.abtn_tripadvisor {
	background: #34e0a1;
	background-image: linear-gradient(0deg, #6fecbb 0%, #34e0a1 100%);
}

.abtn_tripadvisor:active {
	background: #34e0a1;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #34e0a1 100%);
}

/* Yelp */

.abtn_yelp {
	background: #bf2519;
	background-image: linear-gradient(0deg, #c44b3e 0%, #bf2519 100%);
}

.abtn_yelp:active {
	background: #bf2519;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #bf2519 100%);
}

/* Email */

.abtn_email {
	background: #cc4849;
	background-image: linear-gradient(0deg, #df766a 0%, #cc4849 100%);
}

.abtn_email:active {
	background: #cc4849;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #cc4849 100%);
}

/* Others */

.abtn_others {
	background: #b2cc55;
	background-image: linear-gradient(0deg, #e0e58e 0%, #b2cc55 100%);
}

.abtn_others:active {
	background: #b2cc55;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #b2cc55 100%);
}

/* FB Messenger */

.abtn_fbmessenger {
	background: #448aff;
	background-image: linear-gradient(0deg, #74afff 0%, #448aff 100%);
}

.abtn_fbmessenger:active {
	background: #448aff;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #448aff 100%);
}

/* LinkedIn */

.abtn_linkedin {
	background: #283E4A;
	background-image: linear-gradient(0deg, #486d7e 0%, #283E4A 100%);
}

.abtn_linkedin:active {
	background: #283E4A;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #283E4A 100%);
}


.handpointer {
	cursor: pointer;
}


/* 09.06.2020: Man kann hier nicht mit Variablen arbeiten, daher setze ich das einfach programmatically */
.tabactive {

    background-color: var(--color_aptbasic_original_standard);

	/*background-image: linear-gradient(0deg, rgb(160, 52, 70) 0%, rgb(102, 32, 48) 100%);*/

	/*background-image: linear-gradient(0deg, var(--color_aptbasic_tab_color1) 0%, var(--color_aptbasic_tab_color2) 50%, var(--color_aptbasic_tab_color3) 100%);*/
	/*background-image: linear-gradient(0deg, var(--color_aptbasic_tab_color1) 0%, var(--color_aptbasic_tab_color2) 100%);*/

}


.icontabled_div {
	text-align: center;
	position: absolute;
	top: 1px;
	width: 100%;
}

.icontab_div {
	text-align: center;
	position: absolute;
	top: 8px;
	width: 100%;
}

.tabtext_div {
	text-align: center;
	position: absolute;
	top: 44px;
	width: 100%;
}



#tabbar_hintarrow_parent {
	z-index: 15;
	position: absolute;

	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

    pointer-events: none; /* Damit durchgeklickt werden kann */

	display: none;

	/*animation: animation_blinker_tabbar_hintarrow_blink_inner 2s linear infinite;*/ /* 17.06.2021: Schaut leider nicht gut aus weil nicht synchron mit anderen Pfeilen -> Evtl. später mal damit machen: https://stackoverflow.com/questions/4838972/how-to-sync-css-animations-across-multiple-elements */

}

#tabbar_hintarrow_1 {
	position: absolute;
	left: calc(25% - 9px);
	top: 0;
}

#tabbar_hintarrow_2 {
	position: absolute;
	left: calc(50% - 9px);
	top: 0;
}

#tabbar_hintarrow_3 {
	position: absolute;
	left: calc(75% - 9px);
	top: 0;
}

.tabbar_hintarrow_blink_outer {
    position: absolute;

	right: -9px;
	top: -3px;
	width: 16px;
	height: 70px;

    pointer-events: none; /* Damit durchgeklickt werden kann */

	z-index: 15;
}

@keyframes animation_blinker_tabbar_hintarrow_blink_outer {
  50% {
    /*opacity: 0.2;*/
	  filter: brightness(0.6);
  }
}

.tabbar_hintarrow_blink_inner {
    position: relative;

	width: 16px;
	height: 70px;

    pointer-events: none; /* Damit durchgeklickt werden kann */

    background-image: url("../images/tabbar_hintarrow_yellow.png");
	/*background-image: url("../images/tabbar_hintarrow_white.png");*/
	background-repeat: no-repeat;
	background-size: 16px 70px;
	background-position: center center;

	z-index: 15;
	/*animation: animation_blinker_tabbar_hintarrow_blink_inner 2s linear infinite;*/ /* 17.06.2021: Schaut leider nicht gut aus weil nicht synchron mit anderen Pfeilen -> Evtl. später mal damit machen: https://stackoverflow.com/questions/4838972/how-to-sync-css-animations-across-multiple-elements */
}

@keyframes animation_blinker_tabbar_hintarrow_blink_inner {
  0% {
	  transform: translate(2px);
  }
  50% {
	  transform: translate(-2px);
  }
  100% {
	  transform: translate(2px);
  }
}



/*
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////// Contextbutton ///////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
*/

#contextbutton_div {
	vertical-align: top;
	height: 40px;
	width: 40px;
	position: absolute;
	right: 7px;
	top: 5px;
}

.headersmallbutton {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	height: 60px;
	width: 38px;

	/* border-radius: 50vh; */
	/*border-radius: 10px;*/

	/*-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);*/
}
.headersmallbutton:active {
	border-radius: 10px;
	-webkit-box-shadow: #000000 0px 0px 0px 0px;
	-moz-box-shadow: #000000 0px 0px 0px 0px;
	-ms-box-shadow: #000000 0px 0px 0px 0px;
	-o-box-shadow: #000000 0px 0px 0px 0px;
	box-shadow: #000000 0px 0px 0px 0px;
	/*text-shadow: #000000 0px 0px 0px;*/
}

.headersmallbutton img {
	vertical-align: middle;
	height: 40px;
	width: 32px;
	margin-top: 10px;
}

.abtn_headersmallbutton_index {
	/*background: var(--color_aptbasic_original_standard);
	background-image: linear-gradient(0deg, rgb(202, 26, 44) 0%, var(--color_aptbasic_original_standard) 100%);*/
}

.abtn_headersmallbutton_index:active {
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgb(87, 11, 29) 100%);
}

.abtn_headersmallbutton_waiter {
	/*background: rgb(22, 125, 164);
	background-image: linear-gradient(0deg, rgb(70, 139, 164) 0%, rgb(22, 125, 164) 100%);*/
}

.abtn_headersmallbutton_waiter:active {
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgb(15, 64, 87) 100%);
}






/*
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////// Form ////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
*/

/* Cooler Inputbox Style: */

/* Neue Textbox mit Icons */

.input-wrapper_input {
    width: 200px;
    position: relative;
	color: #FFFFFF;
	height: 40px;
}


.inputstyle input {
	-ms-appearance: none;
	-o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
	color: rgb(8, 8, 8); /*rgb(37, 39, 42);*/
	background-color: transparent; /*#FFFFFF;*/
	/*background: none;*/
	display: block;
	font-size: 16px;
	width: 95%; /* Das input ist 95% breit, weil es sonst auf iPhone (insbesondere in Native, teilweise auch im Safari am Mobile) über die gelbe Box drüberschaut */
	position: relative;
	top: 0;

}

.inputstyle input:focus-within {
	background-color: var(--color_aptbasic_inputboxbackground);

}


.inputicon {
	position: absolute;
	top: 9px;
	float: left;
}

.inputicon img {
	width: 20px;
	height: 20px;
	position: relative;
	left: -2px;
	top: 1px;
}

.inputfield {
	position: absolute;
	top: 9px;
	left: 30px;
	right: 5px;
}

.inputfield:focus-within {
	background-color: var(--color_aptbasic_inputboxbackground) !important;
}

.inputfield_withicon {
	left: 30px;
}

.inputfield_withouticon {
	left: 5px;
}

.inputfield_withicon input {
    font-family: var(--constant_fontfamily);
	font-size: 16px;
	width: 95%; /* Das input ist 95% breit, weil es sonst auf iPhone (insbesondere in Native, teilweise auch im Safari am Mobile) über die gelbe Box drüberschaut */
}

.input-wrapper_input .inputstyle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
	/*background: url('../images/inputbox_background.png') repeat;*/
	background-color: transparent; /*#FFFFFF;*/
	color: rgb(37, 39, 42);
    font-family: var(--constant_fontfamily);
	font-size: 16px;
    box-shadow: 0 0px 1px 0 rgba(100,100,100,.58); /*0 2px 16px 0 rgba(0,0,0,.08);*/
    border-radius: 10px;
    outline: none;
	border:  1px rgb(203, 203, 203) solid;
	border-top:  none;
}

.input-wrapper_input:focus-within {


	/*border: 1px rgb(51, 51, 51) solid;*/
	background-color: var(--color_aptbasic_inputboxbackground);



	border-radius: 10px;
	-webkit-box-shadow: 0 0px 4px 4px var(--color_aptbasic_focuscolor);
	-moz-box-shadow: 0 0px 4px 4px var(--color_aptbasic_focuscolor);
	box-shadow: 0 0px 4px 4px var(--color_aptbasic_focuscolor);
	-o-box-shadow: 0 0px 4px 4px var(--color_aptbasic_focuscolor);
	-ms-box-shadow: 0 0px 4px 4px var(--color_aptbasic_focuscolor);

}



/* Cooler Inputbox Style: */

.input-wrapper {
	width: 200px;
	position: relative;
}

.input-wrapper input, .input-wrapper textarea {
	-ms-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
}

.input-wrapper input[type="text"], .input-wrapper input[type="date"], .input-wrapper input[type="time"], .input-wrapper input[type="password"], .input-wrapper input[type="number"], .input-wrapper input[type="tel"], .input-wrapper input[type="url"], .input-wrapper input[type="email"], .input-wrapper textarea {
	width: calc(100% - 20px);
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	/*background: url('../images/inputbox_background.png') repeat;*/
	background-color: transparent; /*#FFFFFF;*/
	color: rgb(37, 39, 42);
	font-family: var(--constant_fontfamily);
	font-size: 16px;

	/*box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);*/

	/*border-radius: 3px;*/


    box-shadow: 0 0px 1px 0 rgba(100,100,100,.58); /*0 2px 16px 0 rgba(0,0,0,.08);*/
    border-radius: 0;
    outline: none;
	border:  1px rgb(203, 203, 203) solid;

}

/* Damit in Chrome der Rand um Inputboxen weg ist */
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}


/* Sonstiges */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgba(0, 0, 0, 0.2);
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: rgba(0, 0, 0, 0.2);
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: rgba(0, 0, 0, 0.2);
}








/* Cooler Combobox-Style: */

.select-wrapper {
	width: 200px;
	position: relative;
}

.select-wrapper select {
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
}


.select-wrapper select::-ms-expand {
	display: none;
}

.select-wrapper select {
	width: 100%;
	height: 40px;
	padding-left: 10px;
	background-color: transparent; /*#FFFFFF;*/
	color: rgb(37, 39, 42);
	font-family: var(--constant_fontfamily);
	font-size: 16px;

	box-shadow: 0 0px 1px 0 rgba(100,100,100,.58); /*0 2px 16px 0 rgba(0,0,0,.08);*/



	border:  1px rgb(203, 203, 203) solid;
	border-top:  none;
	/*border: 1px rgb(203, 203, 203) solid;*/
	/*box-shadow: 0 2px 16px 0 rgba(0,0,0,.08);*/

    border-radius: 10px;
	outline: none;
}

.select-wrapper select option {
	color: #000000;
	background-color: var(--color_aptbasic_inputboxbackground);
}

.select-wrapper select:focus::-ms-value {
	background-color: transparent;
}

.select-wrapper::before {
	font-family: fontellocombobox;
	content: "\e800";
	font-size: 13px;
	position: absolute;
	right: 15px;
	/*top: calc(7px + var(--verticalcenter_add_comboarrow));*/
	top: calc(50% - 10px + var(--verticalcenter_add_comboarrow));
	color: rgb(0, 0, 0);
	z-index: 10;
}

.select-wrapper::before {
	pointer-events: none;
}








/* Cooler Combobox-Style: */

.select-wrapper_smallheight {
	width: 200px;
	position: relative;
}

.select-wrapper_smallheight select {
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
}


.select-wrapper_smallheight select::-ms-expand {
	display: none;
}

.select-wrapper_smallheight select {
	width: 100%;
	height: 40px;
	padding-left: 10px;
	background-color: transparent; /*#FFFFFF;*/
	color: rgb(37, 39, 42);
	font-family: var(--constant_fontfamily);
	font-size: 16px;

	box-shadow: 0 0px 1px 0 rgba(100,100,100,.58); /*0 2px 16px 0 rgba(0,0,0,.08);*/



	border:  1px rgb(203, 203, 203) solid;
	border-top:  none;
	/*border: 1px rgb(203, 203, 203) solid;*/
	/*box-shadow: 0 2px 16px 0 rgba(0,0,0,.08);*/

	border-radius: 10px;
	outline: none;
}

.select-wrapper_smallheight select option {
	color: #000000;
	background-color: var(--color_aptbasic_inputboxbackground);
}

.select-wrapper_smallheight select:focus::-ms-value {
	background-color: transparent;
}

.select-wrapper_smallheight::before {
	font-family: fontellocombobox;
	content: "\e800";
	font-size: 13px;
	position: absolute;
	right: 15px;
	/*top: calc(7px + var(--verticalcenter_add_comboarrow));*/
	top: calc(50% - 17px + var(--verticalcenter_add_comboarrow));
	color: rgb(0, 0, 0);
	z-index: 10;
}

.select-wrapper_smallheight::before {
	pointer-events: none;
}







/* Cooler Checkbox-Style: */

/* Customize the label (the container) */
.checkbox_container {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
}

/* Hide the browser's default checkbox */
.checkbox_container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkbox_checkmark {
	position: absolute;
	top: -1px;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #FFFFFF; /*#e8c45b;*/
	border: 2px rgb(203, 203, 203) solid;
}

/* On mouse-over, add a grey background color */
.checkbox_container:hover input ~ .checkbox_checkmark {
	background-color: #eeeeee;
}

/* When the checkbox is checked, add a blue background */
.checkbox_container input:checked ~ .checkbox_checkmark {
	background-color: var(--color_aptbasic_checkbox_bg_checked);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox_checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox_container input:checked ~ .checkbox_checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox_container .checkbox_checkmark:after {
	left: 6px;
	top: 4px;
	width: 3px;
	height: 7px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}




/* Cooler Radiobutton-Style: */

/* Customize the label (the container) */
.radiobutton_container {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
}

/* Hide the browser's default radio button */
.radiobutton_container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom radio button */
.radiobutton_checkmark {
	position: absolute;
	top: -2px;
	left: 0;
	height: 1.3em;
	width: 1.3em;
	border-radius: 50%;
	background-color: #FFFFFF;
	border: 2px rgb(203, 203, 203) solid;
}

/* On mouse-over, add a grey background color */
.radiobutton_container:hover input ~ .radiobutton_checkmark {
	background-color: #eeeeee;
}

/* When the radio button is checked, add a blue background */
.radiobutton_container input:checked ~ .radiobutton_checkmark {
	background-color: var(--color_aptbasic_checkbox_bg_checked);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobutton_checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiobutton_container input:checked ~ .radiobutton_checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radiobutton_container .radiobutton_checkmark:after {
	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}









/* Customize the label (the container) */
.radiobutton_container_big {
	display: block;
	position: relative;
	padding-left: 45px;
	top: -4px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 36px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radiobutton_label_big {
	position: relative;
	top: -4px;
}

/* Hide the browser's default radio button */
.radiobutton_container_big input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom radio button */
.radiobutton_checkmark_big {
	position: absolute;
	top: 2px;
	left: 0;
	height: 1em;
	width: 1em;
	border-radius: 50%;
	/*background-color: #ffffff;*/
	background-color: var(--color_aptbasic_inputboxbackground); /*#e8c45b;*/
	border: 2px rgb(203, 203, 203) solid;
}

/* On mouse-over, add a grey background color */
.radiobutton_container_big:hover input ~ .radiobutton_checkmark_big {
	background-color: #eeeeee;
}

/* When the radio button is checked, add a blue background */
.radiobutton_container_big input:checked ~ .radiobutton_checkmark_big {
	background-color: var(--color_aptbasic_checkbox_bg_checked);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobutton_checkmark_big:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiobutton_container_big input:checked ~ .radiobutton_checkmark_big:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radiobutton_container_big .radiobutton_checkmark_big:after {
	top: 10px;
	left: 10px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: white;
}








/* Cooler Checkbox-Style, falls nicht in blauer Box eingesetzt wird: */

/* Customize the label (the container) */
.checkbox_container_normal {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 16px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
}

/* Hide the browser's default checkbox */
.checkbox_container_normal input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkbox_checkmark_normal {
	position: absolute;
	top: 2px;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: var(--color_aptbasic_inputboxbackground);
	border: 2px rgb(203, 203, 203) solid;
}

/* On mouse-over, add a grey background color */
.checkbox_container_normal:hover input ~ .checkbox_checkmark_normal {
	background-color: #eeeeee;
}

/* When the checkbox is checked, add a blue background */
.checkbox_container_normal input:checked ~ .checkbox_checkmark_normal {
	background-color: var(--color_aptbasic_checkbox_bg_checked);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox_checkmark_normal:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox_container_normal input:checked ~ .checkbox_checkmark_normal:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox_container_normal .checkbox_checkmark_normal:after {
	left: 6px;
	top: 4px;
	width: 3px;
	height: 7px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}







.checkbox_container_big {
	display: block;
	position: relative;
	padding-left: 45px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox_container_big input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkbox_checkmark_big {
	position: absolute;
	top: 2px;
	left: 0;
	height: 1em;
	width: 1em;
	/*background-color: #ffffff;*/
	background-color: var(--color_aptbasic_inputboxbackground); /*#e8c45b;*/
	border: 2px rgb(203, 203, 203) solid;
}

/* On mouse-over, add a grey background color */
.checkbox_container_big:hover input ~ .checkbox_checkmark_big {
	background-color: #eeeeee;
}

/* When the checkbox is checked, add a blue background */
.checkbox_container_big input:checked ~ .checkbox_checkmark_big {
	background-color: var(--color_aptbasic_checkbox_bg_checked);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox_checkmark_big:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox_container_big input:checked ~ .checkbox_checkmark_big:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox_container_big .checkbox_checkmark_big:after {
	/* 04.12.2021: WICHTIG: Hier andere Werte für left, top, width und height! */
	left: 7px;
	top: 2px;
	width: 4px;
	height: 10px;
	border: solid white;
	border-width: 0 6px 6px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}







.form_label {
	text-align: left !important;
	font-weight: bold !important;
	font-family: var(--constant_fontfamily);
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
}

.form_field {
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 5px;
}

.form_value {
	font-weight: bold;
}

/*
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	//////////////////////////////////// Boxen //////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
*/

.nicebox {
	background: rgba(69, 220, 115, 1.0);
	color: #333333;
	text-align: center;
	position: fixed;
	bottom: -900px;
	left: 10px;
	right: 10px;
	border-radius: 10px;
	padding: 5px;
	font-size: 16px;
	-webkit-transition: opacity 0.5s linear;
  	-moz-transition: opacity 0.5s linear;
  	-o-transition: opacity 0.5s linear;
  	-ms-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
	z-index: 75;
}

.nopointerevents {
	pointer-events: none; /* Damit man durch das Element durchklicken kann */
}

#nicebox_message {
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}

#nicebox_button {
	margin-top: 3px;
	margin-bottom: 3px;
}

.green {
	background: rgba(69, 220, 115, 1.0);
}

.red {
	background: rgba(255, 91, 91, 1.0);
}

.purple {
    background: rgba(221, 67, 255, 1.0);
}

.orange {
	background: rgba(235, 106, 10, 1.0);
}

.blue {
	background: rgba(69, 156, 255, 1.0);
}

.grey {
	background: rgba(224, 224, 224, 1.0);
}

.register_terms_read {
	color: var(--color_aptbasic_original_standard);
}






#inputtextbox {

}

#inputtextbox::-webkit-scrollbar {
	display: none;
}

#inputtextbox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

#inputtextbox p {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	margin-top: 2px;
	margin-bottom: 5px;
}


.inputtextbox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.input-wrapper_input_inputtextbox {
    width: 250px;
}

.input-wrapper_input_generaldatabox {
	width: 250px;
}

.input-wrapper_input_smsverificationbox {
	width: 250px;
}

.input-wrapper_input_mass_variantbox {
	width: 250px;
}



.padding10 {
	padding-left: 10px;
	padding-right: 10px;
	width: calc(100% - 20px);
}

.margin10 {
	margin-left: 10px;
	margin-right: 10px;
	width: calc(100% - 20px);
}



.img_ordercomments {
	width: 1em;
	height: 1em;
	border: none;

	position: relative;
	top: 2px;

	margin-right: 3px;
}

.img_mass {
	width: 1em;
	height: 1em;
	border: none;

	position: relative;
	top: 2px;

	margin-right: 3px;
}

.img_variants {
	width: 1em;
	height: 1em;
	border: none;

	position: relative;
	top: 2px;

	margin-right: 3px;
}





#inputcombobox {

}

#inputcombobox::-webkit-scrollbar {
	display: none;
}

#inputcombobox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

#inputcombobox p {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	margin-top: 2px;
	margin-bottom: 5px;
}


.inputcombobox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.inputcombobox_width {
    width: 100%;
}



#inputcombobox {

}

#inputcombobox::-webkit-scrollbar {
	display: none;
}

#inputcombobox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

#inputcombobox p {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	margin-top: 2px;
	margin-bottom: 5px;
}


.inputcombobox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.inputcombobox_width {
    width: 100%;
}












#inputtimebox {

}

#inputtimebox::-webkit-scrollbar {
	display: none;
}

#inputtimebox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

#inputtimebox p {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	margin-top: 2px;
	margin-bottom: 5px;
}


.inputtimebox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.inputtimebox_width {
    width: 100%;
}







#inputdatebox {

}

#inputdatebox::-webkit-scrollbar {
	display: none;
}

#inputdatebox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

#inputdatebox p {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	margin-top: 2px;
	margin-bottom: 5px;
}


.inputdatebox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.inputdatebox_width {
	width: 100%;
}



















#confirmbox {

}

#confirmbox::-webkit-scrollbar {
	display: none;
}


#confirmbox_section_top {

}

#confirmbox_section_middle {
	flex: 1; /* fill the remaining space */
  	min-height: 0; /* optional */
  	overflow: auto; /* overflow if exceeds available space */
}

#confirmbox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}


#confirmbox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

#confirmbox p {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	margin-top: 2px;
	margin-bottom: 5px;
}


.confirmbox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.confirmbox_width {
    width: 100%;
}




.messageinfobox_buttons_p {
	text-align: center;
	white-space: nowrap;
}



#guestregisterbox {

}

#guestregisterbox::-webkit-scrollbar {
	display: none;
}

#guestregisterbox_section_top {

}

#guestregisterbox_section_middle {
	flex: 1; /* fill the remaining space */
  	min-height: 0; /* optional */
  	overflow: auto; /* overflow if exceeds available space */

	background-color: var(--color_aptbasic_lightfield);
	padding: 5px;

	border-radius: 0px;
	border-bottom: 1px solid #BFBFBF;
	/*box-shadow: inset 0px -25px 30px -30px var(--color_aptbasic_shadowcolor);*/

	text-align: center;
}

#guestregisterbox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}

#guestregisterbox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

.guestregisterbox_buttons_p {
	text-align: justify;
}

.guestregisterbox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.input-wrapper_input_guestregisterbox {
    width: 250px;
}







#followcompanybox {

}

#followcompanybox::-webkit-scrollbar {
	display: none;
}

#followcompanybox_section_top {

}

#followcompanybox_section_middle {
	flex: 1; /* fill the remaining space */
  	min-height: 0; /* optional */
  	overflow: auto; /* overflow if exceeds available space */

	background-color: var(--color_aptbasic_lightfield);
	padding: 5px;

	border-radius: 0px;
	border-bottom: 1px solid #BFBFBF;
	/*box-shadow: inset 0px -25px 30px -30px var(--color_aptbasic_shadowcolor);*/
}

#followcompanybox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}

#followcompanybox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

.followcompanybox_buttons_p {
	text-align: justify;
}

.followcompanybox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.input-wrapper_input_followcompanybox {
	width: 250px;
}





#div_reservationbox_comppropicons {
	text-align: center;
	margin-top: 6px;
}

#div_reservationbox_comppropicons img {
	margin-right: 5px;
	width: 32px;
	height: 32px;
}

#reservationbox {

}

#reservationbox::-webkit-scrollbar {
	display: none;
}


#reservationbox_section_top {

}

#reservationbox_section_middle {
	flex: 1; /* fill the remaining space */
	min-height: 0; /* optional */
	overflow: auto; /* overflow if exceeds available space */

	background-color: var(--color_aptbasic_lightfield);
	padding: 5px;

	border-radius: 0px;
	border-bottom: 1px solid #BFBFBF;
	box-shadow: inset 0px -25px 30px -30px var(--color_aptbasic_shadowcolor);
}

#reservationbox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}

#reservationbox h2 {
	text-align: center;
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}


.reservationbox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.input-wrapper_input_reservationbox {
	width: 250px;
}






#bonuspointswaitergivebox {

}

#bonuspointswaitergivebox::-webkit-scrollbar {
	display: none;
}

#bonuspointswaitergivebox_section_top {

}

#bonuspointswaitergivebox_section_middle {
	flex: 1; /* fill the remaining space */
	min-height: 0; /* optional */
	overflow: auto; /* overflow if exceeds available space */

	background-color: var(--color_aptbasic_lightfield);
	padding: 5px;

	border-radius: 0px;
	border-bottom: 1px solid #BFBFBF;
	/*box-shadow: inset 0px -25px 30px -30px var(--color_aptbasic_shadowcolor);*/
}

#bonuspointswaitergivebox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}

#bonuspointswaitergivebox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

.bonuspointswaitergivebox_buttons_p {
	text-align: justify;
}

.bonuspointswaitergivebox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.input-wrapper_input_bonuspointswaitergivebox {
	width: 250px;
}






#surveybox {

}

#surveybox::-webkit-scrollbar {
	display: none;
}

#surveybox_section_top {

}

#surveybox_section_middle {
	flex: 1; /* fill the remaining space */
	min-height: 0; /* optional */
	overflow: auto; /* overflow if exceeds available space */

	background-color: var(--color_aptbasic_lightfield);
	padding: 5px;

	border-radius: 0px;
	border-bottom: 1px solid #BFBFBF;
	/*box-shadow: inset 0px -25px 30px -30px var(--color_aptbasic_shadowcolor);*/
}

#surveybox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}

#surveybox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

.surveybox_buttons_p {
	text-align: justify;
}

.surveybox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.input-wrapper_input_surveybox {
	width: 250px;
}









#bonuspointsregisterbox {

}

#bonuspointsregisterbox::-webkit-scrollbar {
	display: none;
}

#bonuspointsregisterbox_section_top {

}

#bonuspointsregisterbox_section_middle {
	flex: 1; /* fill the remaining space */
	min-height: 0; /* optional */
	overflow: auto; /* overflow if exceeds available space */

	background-color: var(--color_aptbasic_lightfield);
	padding: 5px;

	border-radius: 0px;
	border-bottom: 1px solid #BFBFBF;
	/*box-shadow: inset 0px -25px 30px -30px var(--color_aptbasic_shadowcolor);*/
}

#bonuspointsregisterbox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}

#bonuspointsregisterbox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

.bonuspointsregisterbox_buttons_p {
	text-align: justify;
}

.bonuspointsregisterbox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.input-wrapper_input_bonuspointsregisterbox {
	width: 250px;
}







#bonuspointsloginorregisterbox {

}

#bonuspointsloginorregisterbox::-webkit-scrollbar {
	display: none;
}

#bonuspointsloginorregisterbox_section_top {

}

#bonuspointsloginorregisterbox_section_middle {
	flex: 1; /* fill the remaining space */
	min-height: 0; /* optional */
	overflow: auto; /* overflow if exceeds available space */

	background-color: var(--color_aptbasic_lightfield);
	padding: 5px;
	border-radius: 5px;
}

#bonuspointsloginorregisterbox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}

#bonuspointsloginorregisterbox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

.bonuspointsloginorregisterbox_buttons_p {
	text-align: justify;
}

.bonuspointsloginorregisterbox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.input-wrapper_input_bonuspointsloginorregisterbox {
	width: 250px;
}








#bonuspointswelcomebox {

}

#bonuspointswelcomebox::-webkit-scrollbar {
	display: none;
}

#bonuspointswelcomebox_section_top {

}

#bonuspointswelcomebox_section_middle {
	flex: 1; /* fill the remaining space */
	min-height: 0; /* optional */
	overflow: auto; /* overflow if exceeds available space */

	background-color: var(--color_aptbasic_lightfield);
	padding: 5px;
	border-radius: 5px;

	text-align: center;
}

#bonuspointswelcomebox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}

#bonuspointswelcomebox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

.bonuspointswelcomebox_buttons_p {
	text-align: justify;
}

.bonuspointswelcomebox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.input-wrapper_input_bonuspointswelcomebox {
	width: 250px;
}










#bonuspointscheckinbox {

}

#bonuspointscheckinbox::-webkit-scrollbar {
	display: none;
}

#bonuspointscheckinbox_section_top {

}

#bonuspointscheckinbox_section_middle {
	flex: 1; /* fill the remaining space */
	min-height: 0; /* optional */
	overflow: auto; /* overflow if exceeds available space */

	background-color: var(--color_aptbasic_lightfield);
	padding: 5px;
	border-radius: 5px;

	text-align: center;
}

#bonuspointscheckinbox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}

#bonuspointscheckinbox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

.bonuspointscheckinbox_buttons_p {
	text-align: justify;
}

.bonuspointscheckinbox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

.input-wrapper_input_bonuspointscheckinbox {
	width: 250px;
}












.annotation_img {
	border-radius: 20px;


	/* 10.03.2021: Geht so leider nicht, ist aber egal; Formatierung ist im PHP hinterlegt (Funktion output_htmlformattedfield) */
	/*width: 100%;
	height: auto;
	max-width: 400px;*/

}





.category_notactive {
	color: var(--color_aptbasic_coltab_notactive) !important; /* #cacaca */
	text-shadow: none !important;
}










.tab_number_bigger {
	font-size: 130%;
}
























#messageinfobox {

}

#messageinfobox::-webkit-scrollbar {
	display: none;
}


#messageinfobox_section_top {

}

#messageinfobox_section_middle {
	flex: 1; /* fill the remaining space */
  	min-height: 0; /* optional */
  	overflow: auto; /* overflow if exceeds available space */
}

#messageinfobox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}

.messageinfobox_blue {
	background-color: rgba(22, 125, 164, 1);
}

.messageinfobox_red {
	background-color: rgba(163, 22, 57, 1);
}

.messageinfobox_green {
	background-color: rgba(23, 156, 125, 1);
}

.messageinfobox_orange {
	background-color: rgb(237, 172, 0);
}

#messageinfobox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

#messageinfobox_image {
	width: 90%;
	height: auto;
	max-width: 300px;
	max-height: 300px;
	border-radius: 20px;
}









#chooseoptionbox {

}

#chooseoptionbox::-webkit-scrollbar {
	display: none;
}

#chooseoptionbox_section_top {

}

#chooseoptionbox_section_middle {
	flex: 1; /* fill the remaining space */
  	min-height: 0; /* optional */
  	overflow: auto; /* overflow if exceeds available space */

	background-color: var(--color_aptbasic_lightfield);
	padding: 5px;

	border-radius: 0px;
	border-bottom: 1px solid #BFBFBF;
	/*box-shadow: inset 0px -25px 30px -30px var(--color_aptbasic_shadowcolor);*/
}

#chooseoptionbox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}

#chooseoptionbox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

#chooseoptionbox p {
	/*color: rgb(51, 51, 51);*/
	margin-top: 2px;
	margin-bottom: 5px;
	line-height: 1.1;
}

.chooseoptionbox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

#chooseoptionbox_message_inner a {
	color: var(--color_aptbasic_linktext_brighter);
	text-decoration: underline;
	cursor: pointer;
}















#choosecheckmarkbox {

}

#choosecheckmarkbox::-webkit-scrollbar {
	display: none;
}

#choosecheckmarkbox_section_top {

}

#choosecheckmarkbox_section_middle {
	flex: 1; /* fill the remaining space */
  	min-height: 0; /* optional */
  	overflow: auto; /* overflow if exceeds available space */

	background-color: var(--color_aptbasic_lightfield);
	padding: 5px;

	border-radius: 0px;
	border-bottom: 1px solid #BFBFBF;
	/*box-shadow: inset 0px -25px 30px -30px var(--color_aptbasic_shadowcolor);*/
}

#choosecheckmarkbox_section_bottom {
	flex: 0 0 auto; /* don't grow or shrink in any case */
}

#choosecheckmarkbox h2 {
	text-align: center;
	/*color: rgb(51, 51, 51);*/
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px; /* Bewusst exzentrisch */
	margin-right: 30px;
	display: inline-block;
	line-height: 100%;
}

#choosecheckmarkbox p {
	/*color: rgb(51, 51, 51);*/
	margin-top: 2px;
	margin-bottom: 5px;
	line-height: 1.1;
}

.choosecheckmarkbox_buttons_p {
	white-space: nowrap;
	text-align: center;
}

#choosecheckmarkbox_message_inner a {
	color: var(--color_aptbasic_linktext_brighter);
	text-decoration: underline;
	cursor: pointer;
}


















.double_underlined {
	text-decoration-line: underline;
	text-decoration-style: double;
}




.errordiv_noconn {
	background-color: rgba(237, 28, 28, 0.85);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: #FFFFFF;
	text-align: center;
	display: none;
	z-index: 1000;
	font-weight: bold;
	height: 52px;
	pointer-events: none; /* Damit man durch das Element durchklicken kann */
}

.backgroundbox {
	position: fixed;
	background-color: #CCCCCC;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	display: none;
	z-index: 25;
}

.waitsign {
	position: fixed;
	background-color: #dddddd;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	display: none;
	z-index: 1025;
}

.waitsign_text {
	font-size: 1em;
	color: #888888;
}

.waitsign_menu {
	position: absolute;
	background-color: #dddddd;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	display: none;
	z-index: 1025;
}

.waitsign_menu_text {
	font-size: 1em;
	color: #888888;
}

.loginsign {
	position: fixed;
	background-color: #dddddd;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	display: none;
	z-index: 1025;
}

.loginsign_text {
	font-size: 1em;
	color: #888888;
}

.snackbutton_backend {
	display: none;
	position: fixed;
	bottom: calc(var(--height_footer) + var(--snackbutton_bottom));
	right: 5px;
	width: 50px;
	height: 50px;
	z-index: 10;
}

#snackbutton_right_div {
	display: none;
	position: fixed;
	bottom: calc(var(--height_footer) + var(--snackbutton_bottom));
	right: 5px;
	width: 50px;
	height: 50px;
	z-index: 10;
}

#snackbutton_left_div {
	display: none;
	position: fixed;
	bottom: calc(var(--height_footer) + var(--snackbutton_bottom));
	left: 5px;
	width: 50px;
	height: 50px;
	z-index: 10;
}

.snackbutton {
	width: 50px;
	height: 50px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	white-space: nowrap;

	border-radius: 50vh;

	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
}
.snackbutton:hover,
.snackbutton:focus {
	color: #FFFFFF;
	text-decoration: none;
}
.snackbutton:active {
	-webkit-box-shadow: #000000 0px 0px 0px 0px;
	-moz-box-shadow: #000000 0px 0px 0px 0px;
	-o-box-shadow: #000000 0px 0px 0px 0px;
	-ms-box-shadow: #000000 0px 0px 0px 0px;
	box-shadow: #000000 0px 0px 0px 0px;
	/*text-shadow: #000000 0px 0px 0px;*/
}

.snackbutton img {
	height: 50px;
	width: 50px;
}


#btn_snackbutton_gotobasket {
	position: absolute;
	top: 0;
}


.appatinichooser ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 15px;
}
 
.appatinichooser li {
	font: 200 20px/1.5 'Open Sans', 'Arial', 'Helvetica', 'Sans-Serif';
	border-bottom: 1px solid #ccc;
	background: #FFFFFF;
}
 
.appatinichooser li:last-child {
	border: none;
}
 
.appatinichooser li a {
	text-decoration: none;
	color: #444444;
	display: block;
	width: 100%;
	
	-webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
	-moz-transition: font-size 0.3s ease, background-color 0.3s ease;
	-o-transition: font-size 0.3s ease, background-color 0.3s ease;
	-ms-transition: font-size 0.3s ease, background-color 0.3s ease;
	transition: font-size 0.3s ease, background-color 0.3s ease;
}
 
.appatinichooser li a:hover {
	background: #EEEEEE;
}




.contextmenu_entry {
	font-size: 1.3em;
	border-bottom: 2px solid rgba(22, 42, 66, 0.35);
	width: 100%;
	color: #FFFFFF;
	padding-left: 10px;
	margin-right: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	white-space: nowrap;
	display: block;
	text-decoration: none;

	text-overflow: ellipsis;
	overflow: hidden;

	/*text-shadow: rgb(200, 200, 200) 0px 0px 2px;*/
}

.contextmenu_entry_img {
	position: relative;
	top: 3px;
	right: 5px;
	width: 24px;
	height: 24px;
}

.contextmenu_entry:hover,
.contextmenu_entry:focus {
    color: #FFFFFF;
    text-decoration: none;
    background: rgba(7, 8, 8, 0.50);
}

.contextmenu_entry:active {
    background: rgba(7, 8, 8, 0.50);
}

.contextmenu_entry .update {
	color: var(--color_aptbasic_gold);
}

.contextmenu_entry_nobottomborder {
	border-bottom: none;
	border-bottom: 0;
}

.contextmenu_trennlinie {
	background-color: var(--color_aptbasic_gold);
	margin-left: 0;
	margin-right: -100px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 2px;
}

.contextmenu_entry:before {
	border-bottom: none;
}

.notification_contextmenuentry_active {
	color: var(--color_aptbasic_gold) !important;
}

#contextbutton_notificationcount_outer {
	/*display: block !important;*/
	position: absolute;
	width: 18px;
	height: 18px;
	z-index: 10;
	left: 28px;
	top: 23px;
}

#contextbutton_notificationcount_inner {
	display: block !important;
	position: relative;
	width: 18px;
	height: 18px;
	background-color: #fedd33;
	z-index: 10;
	border-radius: 50%;
	color: #000000;
	font-size: 11px;
	text-align: center;
	left: 0;
	top: 0;
	padding: 0;
	vertical-align: middle;
}

#contextbutton_notificationcount_realinner {
	display: block !important;
	position: absolute;
	width: 100%;
	top: calc(50% + 2px + var(--verticalcenter_add_countitems));
	margin-top: -10px;
}


/*
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	///////////////////////////////// Burgermenu ////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
*/

#burgermenu {
	background: rgba(37, 39, 42, 0.90);
	text-align: left;
	padding: 10px;
	position: fixed;
	max-width: 270px;
	top: 42px;
	right: 8px;
	z-index: 50;
	border-radius: 5px;
	display: none;

	max-height: 70%;
	overflow-y: auto;
	-o-box-shadow: var(--color_aptbasic_contextmenus_bg) 0px 2px 0px 0px;
	-ms-box-shadow: var(--color_aptbasic_contextmenus_bg) 0px 2px 0px 0px;
	-webkit-box-shadow: var(--color_aptbasic_contextmenus_bg) 0px 2px 0px 0px;
    -moz-box-shadow: var(--color_aptbasic_contextmenus_bg) 0px 2px 0px 0px;
    box-shadow: var(--color_aptbasic_contextmenus_bg) 0px 2px 0px 0px;

	scrollbar-width: none;  /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}

#burgermenu::-webkit-scrollbar {
	display: none;
}

.goldtext {
	color: var(--color_aptbasic_gold);
}



.abtn_twolinetextbutton_parent {
	line-height: 8px;
}

.abtn_twolinetextbutton_spanparent {
	position: relative;
	top: -5px !important;
}

.abtn_twolinetextbutton_spanchild {
	font-size: 11px;
	font-weight: normal;
}



.boxdefault {

	background-color: var(--color_aptbasic_popups_background);
	color: var(--color_aptbasic_popups_textcolor);

	scrollbar-width: none;  /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */

	/* Damit Windows zentriert werden */
	max-width: var(--windows_maxwidth);
	margin-left: auto;
	margin-right: auto;

	box-shadow: 0 0px 10px 0 rgba(70, 70, 70, 0.92);

	text-align: center;
	position: fixed;
	top: 50%;
	transform: translate(0%, -50%);
	left: 20px;
	right: 20px;
	border-radius: 10px;
	display: none;

	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;

	font-size: 1em;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
	z-index: 50;
	max-height: 90%;
	overflow-y: auto;
	border: 3px solid #FFF;
	flex-direction: column;
}

.boxdefault h2 {
	/*padding-left: 25px;
	padding-right: 25px;*/
	font-size: 18px;
	text-align: center;
}

.boxdefault_fullscreen {
	border-radius: 0 !important;
	bottom: 0 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	transform: none !important;
	max-height: 100% !important;
	max-width: 100% !important;
}



.boxbroaddefault {

	background-color: var(--color_aptbasic_popups_background);
	color: var(--color_aptbasic_popups_textcolor);

	scrollbar-width: none;  /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */

	/* Damit Windows zentriert werden */
	max-width: var(--windowsbroad_maxwidth);
	margin-left: auto;
	margin-right: auto;

	box-shadow: 0 0px 10px 0 rgba(70, 70, 70, 0.92);

	text-align: center;
	position: fixed;
	top: 50%;
	transform: translate(0%, -50%);
	left: 20px;
	right: 20px;
	border-radius: 10px;
	display: none;

	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;

	font-size: 1em;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
	z-index: 50;
	max-height: 90%;
	overflow-y: auto;
	border: 3px solid #FFF;
	flex-direction: column;
}

.boxbroaddefault h2 {
	padding-left: 25px;
	padding-right: 25px;
	font-size: 18px;
	text-align: center;
}




.loginstat {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
}

.textdescription {
	text-align: justify;
	font-size: 1em;

}

.animation_contextmenu_fadein {
  animation: keyframe_contextmenu_fadein 0.5s;
  -webkit-animation: keyframe_contextmenu_fadein 0.5s;
  -moz-animation: keyframe_contextmenu_fadein 0.5s;
  -o-animation: keyframe_contextmenu_fadein 0.5s;
  -ms-animation: keyframe_contextmenu_fadein 0.5s;
}

@keyframes keyframe_contextmenu_fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes keyframe_contextmenu_fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes keyframe_contextmenu_fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes keyframe_contextmenu_fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes keyframe_contextmenu_fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}





.animation_box_fadein {
  animation: keyframe_box_fadein 0.25s;
  -webkit-animation: keyframe_box_fadein 0.25s;
  -moz-animation: keyframe_box_fadein 0.25s;
  -o-animation: keyframe_box_fadein 0.25s;
  -ms-animation: keyframe_box_fadein 0.25s;
}

@keyframes keyframe_box_fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes keyframe_box_fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes keyframe_box_fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes keyframe_box_fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes keyframe_box_fadein {
  0% {opacity:0;}
  100% {opacity:1;}
}







.animation_backgroundbox_fadein {
  animation: keyframe_backgroundbox_fadein 0.5s;
  -webkit-animation: keyframe_backgroundbox_fadein 0.5s;
  -moz-animation: keyframe_backgroundbox_fadein 0.5s;
  -o-animation: keyframe_backgroundbox_fadein 0.5s;
  -ms-animation: keyframe_backgroundbox_fadein 0.5s;
}

@keyframes keyframe_backgroundbox_fadein {
  0% {opacity:0;}
  100% {opacity:0.6;}
}

@-moz-keyframes keyframe_backgroundbox_fadein {
  0% {opacity:0;}
  100% {opacity:0.6;}
}

@-webkit-keyframes keyframe_backgroundbox_fadein {
  0% {opacity:0;}
  100% {opacity:0.6;}
}

@-o-keyframes keyframe_backgroundbox_fadein {
  0% {opacity:0;}
  100% {opacity:0.6;}
}

@-ms-keyframes keyframe_backgroundbox_fadein {
  0% {opacity:0;}
  100% {opacity:0.6;}
}









.fadeout {
    opacity: 0;
}


.trennlinie {
	background-color: var(--color_aptbasic_trennlinie);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1px;
}

.trennlinie_tipbox {
	background-color: #FFFFFF;
}


 #tabheader {
	overflow: auto;
}

.platzhalter_noconn {
	height: 40px;
	display: none;
}

.platzhalter_afterinput {
	height: 250px;
}

#content_payment p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.texttitle {
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}


#feedback_msg_textarea {
	overflow-y: auto;
	height: 230px;

	scrollbar-width: none;  /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}

#feedback_msg_textarea::-webkit-scrollbar {
	display: none;
}



#linktext {
	font-size: 1em;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}

.imprint_hearticon {
	height: 15px;
	width: 15px;
}


.wrapperx {
    display: table;
    table-layout: fixed;
    
    width:99.5%;
    margin-top: 2px;
    margin-bottom: 2px;

	position: relative;
	height: 40px;
}

.wrapperx a {
    display: table-cell;
}

.wrapperx div {
    display: table-cell;
}

.wrappery {
    display: table;
    table-layout: fixed;
    
    width:100%;
}

.wrappery a {
    display: table-cell;
}

.wrappery div {
    display: table-cell;
}

.opacity {
	opacity: 0.6;       /* modern browser */
	-moz-opacity: 0.6;  /* older Mozilla browser */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 in Standard Compliant Mode */
	filter:alpha(opacity=60); /* IE5.x -7.0 */


	/* 16.11.2022: Habe ich deaktiviert weil das + opacity zugleich nicht funktioniert scheinbar */
	/*backdrop-filter: blur(10px);*/ /* 28.12.2019 - Achtung: Funktioniert nicht überall, daher nicht darauf verlassen! */
}



.table-container {
    height: 100%;
    width: 100%;
    display: table;
}

.table-cell {
    vertical-align: middle;
    height: 100%;
    display: table-cell;
}

.headertext {
	color: #FFFFFF;
	position: fixed;
	top: -5px;
	left: 40px;
	width: 100%;
	vertical-align: top;
	height: 45px;
	padding-top: 15px;
	padding-left: 0;
}

.company_td_left {
	width: 34%;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.company_td_middle {
	width: 1%;
}

.company_td_right {
	width: 65%;
	text-align: left;
	vertical-align: top;
	word-break: break-word;
}

#company_td_description p { /* Damit besser angezeigt wird und oben nicht Abstand etc. */
	margin-top: 0;
	margin-bottom: 5px;
}

.company_companyname {
	font-size: 1em;
	text-align: center;
}

.company_text {
	font-size: 1em;
}

.company_headline {
	font-size: 1em;
	font-weight: bold;
	text-decoration: underline;
}

.width50p {
    width: 50%;
}

/*
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	//////////////////////////////// Platzhalter ////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////
*/

.platzhalter_0 {
	height: 0;
}

.platzhalter_1 {
	height: 1px;
}

.platzhalter_2 {
	height: 2px;
}

.platzhalter_3 {
	height: 3px;
}

.platzhalter_4 {
	height: 4px;
}

.platzhalter_5 {
	height: 5px;
}

.platzhalter_10 {
	height: 10px;
}

.platzhalter_15 {
	height: 15px;
}

.platzhalter_20 {
	height: 20px;
}

.platzhalter_25 {
	height: 25px;
}

.platzhalter_30 {
	height: 30px;
}

.platzhalter_35 {
	height: 35px;
}

.platzhalter_40 {
	height: 40px;
}

.displaynone {
	display: none !important; /* !important;*/ /* 27.03.2023: Hier lieber kein important sonst wird zu viel spinnat! */
}

.textcenter {
	text-align: center !important;
}

.textbold {
	font-weight: bold !important;
}

.textjustify {
	text-align: justify !important;
}

.textleft {
	text-align: left !important;
}

.textunderline {
	text-decoration: underline !important;
}

.width100p {
	width: 100% !important;
}

.verticalalign_div_table {
	display: table;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.verticalalign_div_tablecell {
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
}


.backbutton_div {
	float: right;
	vertical-align: top;
	height: 54px;
	width: 30px;
	/*! padding-top: 7px; */
	/*! padding-right: 22px; */
	position: absolute;
	left: 0;
	top: 11px;
}

.backbutton_img {
    /*display: none;*/ /* Ausblenden, aber Schaltfläche ist noch da (das div darüber) */
	position: relative;
	left: 8px;
	top: 9px;
	width: 12px;
	height: 30px;
}


.logobutton_div {
	float: right;
	vertical-align: top;
	height: 54px;
	width: 40px;
	display: 7px;
	/*! padding-right: 22px; */
	position: absolute;
	left: 26px;
	top: 0;
}

.logobutton_img {
	position: relative;
	left: 4px;
	top: 10px;
	width: auto;
	height: 50px;
}




.color_executiontime_red {
	color: #CC0000;
}








/* 10.11.2021: Hotjar Feedback Button ausblenden (brauche es nicht, allerdings für Daten wichtig)  */
._hj_feedback_container {
    display: none;
}



.box_closebutton_div {
	position: absolute;
	right: 11px;
	top: 5px;
	width: 25px;
	height: 25px;
}

.box_closebutton {
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 0;

	border-radius: 5px;

	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
}

.box_closebutton:active {
	-ms-box-shadow: #000000 0px 0px 0px 0px;
	-o-box-shadow: #000000 0px 0px 0px 0px;
	-webkit-box-shadow: #000000 0px 0px 0px 0px;
	-moz-box-shadow: #000000 0px 0px 0px 0px;
	box-shadow: #000000 0px 0px 0px 0px;
	/*text-shadow: #000000 0px 0px 0px;*/
}

.box_closebutton img {
	width: 30px;
	height: 30px;
	position: relative;
	top: 0;
}



.redtextlink {
	font-weight: bold;
	color: var(--color_aptbasic_original_standard);
}

.redtextlink:hover {
	color: var(--color_aptbasic_ahover);
}

#content_jointhecompany ul {
	position: relative;
	left: -20px;
}


.distanceinfo {
	color: #777777;
	position: relative;
	top: 6px;
}

.news_time {
	color: #777777;
	position: relative;
	top: 6px;
}


.trline_emptylist_inactive {
	opacity: 0.5;
}

.trline_countused_toomuch {
	opacity: 0.5;
}






#devinfoboard {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 100;

	pointer-events: none; /* Damit man durch das Element durchklicken kann */
}

.devinfoboard_item {
	display: inline-block;

	padding: 2px;
	border-radius: 2px;
	background-color: #25ca37;
	color: #FFFFFF;
	font-weight: bold;
	border: none;

	font-size: 6pt;
}




















/* Blinken (in rot): */
@-webkit-keyframes blink_red {
    0% {
        background-color: initial;
    }
    50% {
        /*opacity:0.5;*/
        background-color: rgba(218, 60, 59, 0.36);
    }
    100% {
        background-color: initial;
    }
}
@-moz-keyframes blink_red {
    0% {
        background-color: initial;
    }
    50% {
        background-color: rgba(218, 60, 59, 0.36);
    }
    100% {
        background-color: initial;
    }
}
.do_blink_red {
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink_red;
    -webkit-animation-timing-function: ease-in-out;

	-moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink_red;
    -moz-animation-timing-function: ease-in-out;
}







/* Blinken (in rot): */
@-webkit-keyframes blink_red_tabbutton_waiter {
    0% {
        background-color: var(--color_aptbasic_original_standard);
    }
    50% {
        /*opacity:0.5;*/
        background-color: rgba(218, 60, 59, 0.36);
    }
    100% {
        background-color: var(--color_aptbasic_original_standard);
    }
}
@-moz-keyframes blink_red_tabbutton_waiter {
    0% {
        background-color: var(--color_aptbasic_original_standard);
    }
    50% {
        background-color: rgba(218, 60, 59, 0.36);
    }
    100% {
        background-color: var(--color_aptbasic_original_standard);
    }
}
.do_blink_red_tabbutton_waiter {
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink_red_tabbutton_waiter;
    -webkit-animation-timing-function: ease-in-out;

	-moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink_red_tabbutton_waiter;
    -moz-animation-timing-function: ease-in-out;
}







/* Blinken (opacity): */
@-webkit-keyframes blink_opacity {
    0% {
        opacity: initial;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: initial;
    }
}
@-moz-keyframes blink_opacity {
    0% {
        opacity: initial;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: initial;
    }
}
.do_blink_opacity {
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink_opacity;
    -webkit-animation-timing-function: ease-in-out;

	-moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink_opacity;
    -moz-animation-timing-function: ease-in-out;
}




/* Blinken (in grün für Leit-Elemente): */
@-webkit-keyframes blink_missinginputdata {
    0% {
        background-color: var(--color_aptbasic_helperdivs_bg1);
    }
    50% {
        /*background-color: #25ca37;*/
		background-color: rgba(218, 60, 59, 0.36);
    }
    100% {
        background-color: var(--color_aptbasic_helperdivs_bg1);
    }
}
@-moz-keyframes blink_missinginputdata {
    0% {
        background-color: var(--color_aptbasic_helperdivs_bg1);
    }
    50% {
        /*background-color: #25ca37;*/
		background-color: rgba(218, 60, 59, 0.36);
    }
    100% {
        background-color: var(--color_aptbasic_helperdivs_bg1);
    }
}
.do_blink_missinginputdata {
	-webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;

    -webkit-animation-direction: normal;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-name: blink_missinginputdata;
    -webkit-animation-timing-function: ease-in-out;

	-moz-animation-direction: normal;
    -moz-animation-duration: 1.5s;
    -moz-animation-iteration-count: 2;
    -moz-animation-name: blink_missinginputdata;
    -moz-animation-timing-function: ease-in-out;
}




/* Blinken (in grün für Status): */
@-webkit-keyframes blink_lookontostatus {
    0% {
        background-color: rgba(255, 255, 255, 0.01);
    }
    50% {
		/*background-color: #25ca37;*/
		background-color: rgba(218, 60, 59, 0.36);
    }
    100% {
        background-color: rgba(255, 255, 255, 0.01);
    }
}
@-moz-keyframes blink_lookontostatus {
    0% {
        background-color: rgba(255, 255, 255, 0.01);
    }
    50% {
        /*background-color: #25ca37;*/
		background-color: rgba(218, 60, 59, 0.36);
    }
    100% {
        background-color: rgba(255, 255, 255, 0.01);
    }
}
.do_blink_lookontostatus {
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

    -webkit-animation-direction: normal;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 4;
    -webkit-animation-name: blink_lookontostatus;
    -webkit-animation-timing-function: ease-in-out;

	-moz-animation-direction: normal;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 4;
    -moz-animation-name: blink_lookontostatus;
    -moz-animation-timing-function: ease-in-out;
}




/* Blinken (in grün für Status): */
@-webkit-keyframes blink_downloadbar {
    0% {
        background-color: #25ca37;
    }
    50% {
        background-color: #CCBF00;
    }
    100% {
        background-color: #25ca37;
    }
}
@-moz-keyframes blink_downloadbar {
    0% {
        background-color: #25ca37;
    }
    50% {
        background-color: #CCBF00;
    }
    100% {
        background-color: #25ca37;
    }
}
.do_blink_downloadbar {
	-webkit-transition: all 51s ease-in-out;
    -moz-transition: all 5s ease-in-out;
    -o-transition: all 5s ease-in-out;
    -ms-transition: all 5s ease-in-out;
    transition: all 5s ease-in-out;

    -webkit-animation-direction: normal;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink_downloadbar;
    -webkit-animation-timing-function: ease-in-out;

	-moz-animation-direction: normal;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink_downloadbar;
    -moz-animation-timing-function: ease-in-out;
}








/* Blinken (opacity): */
@-webkit-keyframes blink_emptylayer {
    0% {
        opacity: initial;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: initial;
    }
}
@-moz-keyframes blink_emptylayer {
    0% {
        opacity: initial;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: initial;
    }
}
.do_blink_emptylayer {
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink_emptylayer;
    -webkit-animation-timing-function: ease-in-out;

	-moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink_emptylayer;
    -moz-animation-timing-function: ease-in-out;
}







/* Schütteln von Buttons: */
/* Von hier: https://jsfiddle.net/m0nk3y/499poatx/ */
@-webkit-keyframes shake_3deg {
    from {
    	-webkit-transform: rotate(3deg);
 	}
 	to {
   		-webkit-transform-origin:center center;
   		-webkit-transform: rotate(-3deg);
 	}
}
@-moz-keyframes shake_3deg {
    from {
    	-webkit-transform: rotate(3deg);
	}
	to {
		-webkit-transform-origin:center center;
		-webkit-transform: rotate(-3deg);
	}
}
.do_shake_5deg {
    -webkit-animation: shake_3deg 0.2s ease-in-out 0.1s 4.5 alternate;
}



#confetticanvas {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 1000;
}





/* Start Custom Fonts CSS */

/* 09.09.2022: Google Fonts Datenschutzgerecht einbinden, lokal; Anleitung siehe S-> */
/*/ Siehe: S\61_Materialien\75_Schriftarten (Fonts)\Anleitung Google Fonts DSGVO einrichten.txt /*

 */
/* roboto-regular - latin-ext_latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local(''),
	url('../others/fonts/roboto-v30-latin-ext_latin/roboto-v30-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../others/fonts/roboto-v30-latin-ext_latin/roboto-v30-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-regular - latin-ext_latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local(''),
	url('../others/fonts/montserrat-v25-latin-ext_latin/montserrat-v25-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../others/fonts/montserrat-v25-latin-ext_latin/montserrat-v25-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-regular - latin-ext_latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: local(''),
	url('../others/fonts/poppins-v20-latin-ext_latin/poppins-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../others/fonts/poppins-v20-latin-ext_latin/poppins-v20-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}







/* Fontello Combobox */

@font-face {
  font-family: 'fontellocombobox';
  src: url('../others/fonts/fontellocombobox/font/fontellocombobox.eot?72213008');
  src: url('../others/fonts/fontellocombobox/font/fontellocombobox.eot?72213008#iefix') format('embedded-opentype'),
       url('../others/fonts/fontellocombobox/font/fontellocombobox.woff2?72213008') format('woff2'),
       url('../others/fonts/fontellocombobox/font/fontellocombobox.woff?72213008') format('woff'),
       url('../others/fonts/fontellocombobox/font/fontellocombobox.ttf?72213008') format('truetype'),
       url('../others/fonts/fontellocombobox/font/fontellocombobox.svg?72213008#fontellocombobox') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontellocombobox';
    src: url('../font/fontellocombobox.svg?72213008#fontellocombobox') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontellocombobox";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-down-open:before { content: '\e800'; }