/* GENERAL STYLES ************************************************************************ 

GLOBAL STYLES / COLORS / BUTTONS / CONTAINER / ROWS / COLUMNS / FLEX / ICONS / TITLEIMAGES / TITLES / 
TEXT ALIGNMENT / TEXT PARAGRAPH + LINE HEAD / TEXT SIZES / LINES / MARGINS / PADDINGS / FOOTER / TESTS

/* DEVICE-SIZES ******************************************************************************************

XL	>=1200			2560 x 1440 (2%) / 1920 x 1200 (2%) / 1920 x 1080 (18%) / 1680 x 1050 (3%) / 1600 x 900 (5%)
					1536 x 864 (6%) / 1440 x 900 (6%) / 1366 X 768 (34%) / 1280 X 1024 (4%) / 1280 x 800 (3%) / 1280 x 720 (2%)
L	900 - 1199		PC 1024 X 768 (2%) / PC Lower (6%) / IPAD+ 1024 X 1366
M	700 - 899		IPAD/MINI 768 X 1024 / KINDLE 800 X 1280
S	500 - 699		-
XS	<500			NOK N9 480 X 854 / I6/7/8+ 414 X 738 / P2 411 X 731 / P2X 411 X 823 / LG 384 X 640
					IX 375 X 812 / I6/7/8 375 X 667 / S5 360 X 640 / LUM950 360 X 640 / I4/5 320 X 568 / LUM520 320 X 533

****************************************************************************************** */


/* GLOBAL STYLES ************************************************************************* */

*,
*::before,
*::after {
	box-sizing: border-box;							/* padding + border inside the div size */
}

body {
	/*	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; */	/* Arial first */
	font-family: 'PT Serif', Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: 400;								/* normal / 700 = bold */
	line-height: 0;									/* reset for divs - set on <p> */
	color: #463d2f;
	fill: #463d2f;								/* icons */
	background-color: #FFFFFF;
	text-align: left;
	margin:0;
	padding:0;
}

p {
	line-height: 1.4;margin-top:15px;margin-bottom:15px;
}

hr {border-top: 1px solid #b6a685;}
hr.hrg {border-top: 1px solid #C8AF82;}

@media (max-width: 499px) {         					/* smaller settings on phones */
	body {font-size: 16px;}
	p {line-height: 1.2;margin-top:10px;margin-bottom:10px;}
}

/* LIST-STYLES */

ul {
	list-style-type:square;
	line-height: 1.4;
	margin-left:20px;
	padding:0;
}

ul li {
	margin:0;
	margin-bottom:3px;
}

ol {
	list-style-type:decimal;
	line-height: 1.4;
	margin-left:20px;
	padding:0;
}

ol li {
	margin:0;
	margin-bottom:3px;
}







/* COLORS ******************************************************************************* */
/*
DUNKELGRAU:		464650		70/70/80		Text+Link / STANDARD		.c_n
MITTELGRAU2:	64646E		100/100/110		Titel  / medium-norm		.c_nm
MITTELGRAU:		9696A0		150/150/160		Titel / Medium				.c_m
HELLGRAU:		C8C8D2		200/200/210		Light						.c_l
SEHRHELLGRAU:	DCDCE6		220/220/230		Extra Light					.c_xl

FXROT:			FA0032		250/0/50		Hover + focus + highlight	hovers/focus / .c_h1 / c_h2 a:hover
FXROT MITTEL:	96001E		150/0/30		Titel						 
FXROT DUNKEL:	50000F		80/0/15			

gold sehr hell		230/220/200		E6DCC8										footer bg
gold hell			200/175/130		C8AF82										hell farblicher, button text
gold mittel			120/105/80		786950									    mittel für titel, auch auf black
gold dunkler		80/70/50		504632										dunkler, titel

*/

a {color:#464650;fill:#464650;}													/* fill = icons */
a:hover, a:focus {color:#FA0032;fill:#FA0032;}
a {text-decoration:none;}

.c_n, .c_n a								{color:#464650;fill:#464650;}		/* norm */
.c_n a:hover, .c_n a:focus 					{color:#FA0032;fill:#FA0032;}

.c_nm, .c_nm a 								{color:#64646E;fill:#64646E;}		/* medium-norm */
.c_nm a:hover, .c_nm a:focus 				{color:#FA0032;fill:#FA0032;}

.c_m, .c_m a 								{color:#9696A0;fill:#9696A0;}		/* medium */
.c_m a:hover, .c_m a:focus 					{color:#FA0032;fill:#FA0032;}

.c_l, .c_l a 								{color:#C8C8D2;fill:#C8C8D2;}		/* light */
.c_l a:hover, .c_l a:focus 					{color:#FA0032;fill:#FA0032;}

.c_xl, .c_xl a 								{color:#DCDCE6;fill:#DCDCE6;}		/* extra light */
.c_xl a:hover, .c_xl a:focus 				{color:#FA0032;fill:#FA0032;}

.c_h1, .c_h1 a 								{color:#FA0032;fill:#FA0032;}		/* highlight 1 */
.c_h1 a:hover, .c_h1 a:focus 				{color:#50000F;fill:#50000F;}

.c_h2, .c_h2 a 								{color:#96001E;fill:#96001E;}		/* highlight 2 */
.c_h2 a:hover, .c_h2 a:focus 				{color:#FA0032;fill:#FA0032;}

.c_g, .c_g a								{color:#786950;fill:#786950;}		/* Gold dunkel */
.c_g a:hover, .c_g a:focus 					{color:#FA0032;fill:#FA0032;}

/* BUTTONS  **************************************************************************** */

/* standard button 40px h */

.btn {													/* standard-button, for text, min w 40px*/
    display: inline-block;
	font-family: 'PT Serif', Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: center;
	min-width:40px;
	height:40px;
	padding:0px 10px;
	line-height:38px;
	border-radius: 6px;
	width:100%;
	overflow: hidden;
	
}

.btn_sq {width:40px;}									/* add for square, for icons adjust also icon_b */
.btn_rnd {width:40px;border-radius: 50%;}				/* add for round, for icons adjust also icon_b */

/* Icon in buttons classes */

.icon_b {						/* SVG Icon class for icons inside buttons: b = only icon, bt = icon + text right */
	width: 18px;
	height: 18px;
	position: relative;			/* vertical alignment adjustments */
	top:3px;					/* ditto */
}
.icon_bt {						/* SVG Icon class for icons inside buttons: icon with text right */
	width: 16px;
	height: 18px;
	position: relative;
	top:3px;
	margin-right:8px;			/* margin icon-text */
	
}

/* button colors */

.btn_c1 {															/* button standard-style gold auf black */
    background-color: #000000;
	color: #C8AF82;
	fill: #C8AF82;
	border: 1px solid #C8AF82;
}

.btn_c1:hover, .btn:focus, .btn:active {
	color: #E6DCC8;
	fill: #E6DCC8;
	background-color: #786950;
	border-color: #E6DCC8;
} 

.btn_c2 {															/* button gold black inverse */
    background-color: #C8AF82;
	color: #504632;
	fill: #504632;
	border: 1px solid #786950;
}

.btn_c2:hover, .btn:focus, .btn:active {
	color: #C8AF82;
	fill: #C8AF82;
	background-color: #000000;
	border-color: #C8AF82;
}

.btn_cx {															/* button standard-style grau/rot FXG */
    background-color: #000000;
	color: #9696A0;
	fill: #9696A0;
}

.btn_cx:hover, .btn_cx:focus, .btn_cx:active {
	color: #FA0032;
	fill: #FA0032;
	background-color: #50000F;
	border-color: #FA0032;
}

.btn_c1:hover, .btn_c1:focus, .btn_c1:active,
.btn_c2:hover, .btn_c2:focus, .btn_c2:active,
.btn_cx:hover, .btn_cx:focus, .btn_cx:active {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

/* button margins */

.btn_m {margin:0 0;}				/* add button margins all side for spacing + in case of collapsing - standard */
.btn_m2 {margin:2px 2px;}


.buttonset1_2 {						/* buttonset for 2 buttons on row, 1 at xs */
	margin:2px 2px 2px 2px;
	width:49%;
}

.buttonset1_3 {						/* buttonset for 3 buttons on row, 1 at xs */
	margin:2px 2px 2px 2px;
	width:32%;
}

.buttonset2 {						/* buttonset for 2 buttons on row, 1 at xs */
	margin:2px 2px 2px 2px;
	width:200px;
}

.buttonset3 {						/* larger buttonset for 2 buttons on row, 1 at xs */
	margin:2px 2px 2px 2px;
	width:300px;
}

.buttonset4 {						/* buttonset for 1 larger button on row, 1 full at xs */
	margin:2px 2px 2px 2px;
	width:400px;
}

@media screen and (max-width: 767px){
	.buttonset1_2, .buttonset1_3, .buttonset2, .buttonset3, .buttonset4 {
		margin:2px 0 2px 0;
		width:100%;
	}
}


/* CONTAINER  **************************************************************************** */

/* Full-Page Main Container Pages - standalone */

.maincontainer {
    width:100%;
	height:100%;
    padding:0;
    margin:0;
}

/* Main Container with background - standalone, adaption for a smooth moving in Chrome */

.maincontainerbg{
	overflow: hidden;
	position: relative;
	padding:0;
	margin:0;
}

.maincontainerbg:before{
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
/*	background-image:url('/images/bg/BG-marblegold01.jpg'); 			BG-IMAGE ON PAGE CSS */
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;		
	-o-background-size: cover;
	background-size: cover;
    will-change: transform;
    z-index: -1;
}

/* Standard Container no padding (set on rows) */

.container, .containerfull {
	width: 100%;
    padding:0;
	margin:0;
	padding-right: 0;
	padding-left: 0;
    margin-right: auto;
	margin-left: auto;
}

.container {
	max-width: 1260px;		/* 100% width < XL screens - max-width = eff. max width + row-padding (1200 + 30 + 30) */
}

/* additional css for cardcontainers: container-formatting, image, and texts */

.cardcontainer {						/* use with container class */
    background-color:#f5eddc;
	border-radius: 15px;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.3);
    height:100%;
}

.cardimage {						/* in IMG tag - radius of container - 1 px */
    width:100%;
	border-radius: 14px 14px 0 0;
}

.cardtext {						/* in text paragraphs - padding adjustment */
    padding:0 20px;
}

/* ROWS ********************************************************************************** */

.row {								/* Standard-Row, flex, with standard-padding, add class p_0 for no padding */
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	min-height:1px;
	margin-right: 0;
	margin-left: 0;
	padding-right: 30px;
	padding-left: 30px;
}

.rownorm {								/* No-flex row with standard-padding, add class pad_0 for no padding */
	min-height:1px;
	margin-right: 0;
	margin-left: 0;
	padding-right: 30px;
	padding-left: 30px;
}

@media (max-width: 499px) {         					/* smaller paddings on phones */
	.row, .rownorm {padding-right: 15px;padding-left: 15px;}
}
  
/* COLUMNS - no paddings (set on row), for multicolumn-paddings use pad_* classes ********* */

.col, .col50, .col25, .col16, .col33, .col33xs, .col60, .col40, .col60-2, .col40-2, .col50-2, .col50-lg,
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
}

.col {									/* 100% */
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.col50, .col50-2, .col50-lg {								/* 50% / 100% <700 / 2: 100% <900 / lg: 100% <1200 */
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col25 {								/* 50% / 100% <700 */
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.col33 {								/* 33% / 100% <700 */
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col16 {								/* 1/6 / 1/3 <500 with coll33xs */
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col60, .col60-2 {								/* 60% / 100% <700 / 2: 100% <900 */
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
	max-width: 60%;
}

.col40, .col40-2 {								/* 40% / 100% <700 / 2: 100% <900 */
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
}

.col600px {								/* kombinieren mit col_c für zentrierung */
	-ms-flex: 0 0 600px;
	flex: 0 0 600px;
	max-width: 600px;
}

.col_auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.col_c {								/* zentriert column in div */
	margin:0 auto;
}

/* Columns - smaller device adjustments -------------------------------- */

@media (max-width: 1199px) {
	.col50-lg {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-width: 899px) {
	.col50-2 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col60-2 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col40-2 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-width: 699px) {
	.col60 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col40 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col33 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col600px {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col_tm {								/* nur phones: top-margin wenn mehrspaltige col untereinander auf phones ( emuliert emptyline) */
		margin-top:30px;
	}
}

@media (max-width: 499px) {					/* XS Phones */
	.col33xs {								/* 1/6 -> 1/3 */
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

/* FLEX - Flexbox adjustments ********************************************************************************** */

/* Properties for rows to handle columns/content -------------------------------- */
/*
		display: flex;							container becomes a flex box
		flex-direction: column;					vertical top-bottom
		flex-direction: column-reverse;			vertical bottom-top
		flex-direction: row;					horizontal
		flex-direction: row-reverse;			horizontal right to left
		flex-wrap: wrap;						elements wrap
		flex-wrap: nowrap;						no wrap, default
		flex-wrap: wrap-reverse;				wrap in reverse order
		flex-flow: row wrap;					shorthand flex direction + wrap
		justify-content: center;				alignment center
		justify-content: flex-start;			beginning of container - default
		justify-content: flex-end;				end of container
		justify-content: space-around;			displays content with spaces before, between, after element: ...C1...C2...C3...
		justify-content: space-between;			display content with spaces between elements: C1...C2...C3
		align-items: center;					vertical align elements to center of container
		align-items: flex-start;				vertical top
		align-items: flex-end;					vertical bottom
		align-items: stretch;					vertical stretch elements to fill container (all elements same height as container)
		align-items: baseline;					horizontal align to font baseline (works with diff. font sizes too)
		align-content: space-between;			wrapped/multiline elements with equal space between (with wrap and height)
		align-content: space-around;			wrapped/multiline elements with spaces before, between, after element (with wrap and height)
		align-content: stretch;					stretches wrapped/multiline elements  (with wrap and height)
		align-content: center;					vertical center wrapped/multiline elements  (with wrap and height)
		align-content: flex-start;				vertical top wrapped/multiline elements  (with wrap and height)
		align-content: flex-end;				vertical bottom wrapped/multiline elements  (with wrap and height)
		e.g. justify-content: center;			centers element in middle of container (vert+hor)
			 + align-items: center;
*/

.flex {											/* Make a Col or Container Flex (to use as parent again) */
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
}

.flex_l {justify-content: flex-start;}
.flex_c {justify-content: center;}
.flex_r {justify-content: flex-end;}
.flex_j {justify-content: space-between;}

.flex_t {align-items: flex-start;align-content: flex-start;}
.flex_m {align-items: center;align-content: center;}
.flex_b {align-items: flex-end;align-content: flex-end;}

.flex_lm {justify-content: flex-start;align-items: center;align-content: center;}
.flex_mid {justify-content: center;align-items: center;align-content: center;}

/* ICONS - SVG Icons handling ********************************************************************************** */

/* Standard Icon auto-color */

.icon, icon_s, icon_t {			/* not sure if needed */
/*	display: inline-flex;
	align-self: center; */
}

.icon {							/* regular */
	width: 30px;
	height: 30px;
}

.icon_s {						/* small */
	width: 15px;
	height: 15px;
}

/* For Icons on buttons see icon_b and icon_bt in the buttons section */

.icon_t {						/* Text-line icons */
	height:1em;					/* 1em = actual font-size */
	width:1em;
	padding:0.1em;				/* small padding around */
	position: relative;			/* vertical alignment adjustments */
	top:0.125em;				/* ditto */
}

/* TITLEIMAGE + headerlogo **********************************************************************************
	Titleimage - Bildangabe in Header über Prozeduraufruf
	bei Anpassungen, Funktion in functions.asp justieren */

.titleimage{
    position: relative;
	width:100%;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size: cover;
}

@media screen and (max-width: 800px) {							/* phones + tablets */
	.titleimage{
		padding-top:50%;										/* aspect ratio 2:1, Image 1280x640 */
	}
}

@media screen and (min-width: 801px) {							/* pcs/large tablets */
	.titleimage{
		min-height:400px;
		padding-top:31.25%;										/* aspect ratio 16:5 (2048x640) */
	}
}

.header_logo {width:400px}

@media screen and (max-width: 499px){
	.header_logo {width:80%}
}  

.header_adressfont {
	font-family: Helvetica, Arial, sans-serif;
	font-size:16px;
}

@media screen and (max-width: 499px){
	.header_adressfont {font-size:14px}
}  


/* BGIMAGE **********************************************************************************
	Hintergrundbild für div - cover */

	.bgimage{
		position: relative;
		width:100%;
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size: cover;
	}
	
/* TITLES ******************************************************************************** */

.largetitle {
/*		font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; */
		font-size:72px;			/* 30 */
		font-weight:400;
		line-height: 1;
		color:#96001E;		/* 786950 */
	}
	
/* MAINTITLE */

.maintitle {
/*	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; */
	font-size:30px;			/* 30 */
	font-weight:400;
	line-height: 1.2;
	color:#786950;		/* 786950 */
}

.subtitle {
	font-size:18px;
	font-style:italic;
	line-height: 1.2;
	margin-top: -15px;
	color:#463d2f;
}

.maintitlemargin {margin-bottom: 40px;}

@media screen and (max-width: 767px){
	.largetitle {font-size:42px;}
	.maintitle {font-size:24px;}
	.subtitle {font-size:16px;}
	.maintitlemargin {margin-bottom: 20px;}
}

@media screen and (max-width: 500px){
	.largetitle {font-size:34px;}
}

/* TITLES AND MARGINS */

.title {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size:20px;
	font-weight:bold;
	line-height: 1.2;
	color:#786950;
}

.subtitle2 {
	font-size:18px;
	line-height: 1.2;
	margin-top: -15px;
	color:#463d2f;
}

.title_h {
	font-size:20px;
	font-weight:400;
	line-height: 1.2;
	color:#96001E;
}

.title2 {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size:18px;
	font-weight:bold;
	line-height: 1.2;
	color:#786950;
}

@media screen and (max-width: 767px){
	.title, .title_h {font-size:18px;}
	.subtitle2 {font-size:16px;}
}

.title_m1 {margin-top:30px;margin-bottom:25px;}
.title_m2 {margin-top:10px;margin-bottom:15px;}
.title_m3 {margin-top:20px;margin-bottom:15px;}
.title_m4 {margin-top:5px;margin-bottom:20px;}
.title_m5 {margin-top:30px;margin-bottom:15px;}
.button_m1 {margin-top:20px;}
.subtitle_mt1 {margin-top:-15px;}


/* TEXT FONTS ************************************************************************ */

.t_ptserif {font-family: 'PT Serif', serif;font-weight: 400;}
.t_ptsans{font-family: 'PT Sans', sans-serif;font-weight: 400;}


/* TEXT ALIGNMENT ************************************************************************ */

.tx_l {text-align:left;}
.tx_c {text-align:center;}
.tx_r {text-align:right;}
.tx_j {text-align:justify;}

@media screen and (max-width: 499px){	/* center text on xs devices */
	.tx_cx {text-align:center;}
	.tx_lx {text-align:left;}
}

@media screen and (max-width: 699px){	/* center text on small devices */
	.tx_cs {text-align:center;}
	.tx_ls {text-align:left;}
}

@media screen and (max-width: 899px){	/* center text on medium devices */
	.tx_cm {text-align:center;}
	.tx_lm {text-align:left;}
}

/* TEXT PARAGRAPH + LINE HEAD ************************************************************************ */

.txp_0 {margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}		/* reset margins */
.lh_1 {line-height:1;}														/* line-head


/* TEXT SIZES ************************************************************************ */

.txs_xs {font-size: 10px;}
.txs_s {font-size: 12px;}
.txs_ns {font-size: 14px;}
.txs_n {font-size: 16px;}
.txs_m {font-size: 18px;}
.txs_l {font-size: 22px;}
.txs_xl {font-size: 24px;}
.txs_xxl {font-size: 36px;}

/* TEXT + TITLES TERMS ************************************************************************ */

.terms_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#786950;
	text-align:left;
	margin-top:30px;
	margin-bottom:30px;	
}

.terms_title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#64646E;
	text-align:left;
	margin-top:25px;
	margin-bottom:25px;	
}

.terms_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}

.terms_text a {color:#96001E;fill:#96001E;}
.terms_text a:hover, .terms_text a:focus {color:#FA0032;fill:#FA0032;}




@media screen and (max-width: 600px){
	.terms_title {font-size:16px;margin-top:10px;margin-bottom:10px;}
	.terms_title2 {font-size:14px;margin-top:10px;margin-bottom:10px;}
	.terms_text {font-size:13px;}
}

/* LINES ****************************************************************************** */

/* EMPTY LINES */

.firstline {height:40px;}
.txt_bottomline {height:15px;}

.emptyline {height:30px;}
.emptyline_ph {height:0;} /* emptyline only on phone */
.emptyline_xs {height:5px;}
.emptyline_s {height:15px;}
.emptyline_sm {height:20px;}
.emptyline_m {height:50px;}
.emptyline_mx {height:50px;}
.emptyline_ml {height:70px;}
.emptyline_l {height:100px;}


@media screen and (max-width: 699px){
	.emptyline_mx {height:0;}
	.emptyline_ph {height:30px;}
}




/* MARGINS ***************************************************************************** */

.m_0 {margin:0;}
.m_t0 {margin-top:0;}
.m_t20 {margin-top:20px;}
.m_t30 {margin-top:30px;}
.m_b0 {margin-bottom: 0;}
.m_tb0 {margin-top:0;margin-bottom:0;}
.m_l0 {margin-left:0;}
.m_r0 {margin-right:0;}
.m_lr0 {margin-left:0;margin-right:0;}

.m_l20 {margin-left:20px;}

@media (max-width: 499px) {					/* XS Phones */
	.m_l0xs {margin-left:0;}
}




/* PADDINGS ******************************************************************************* */

/* Remove paddings  */

.p_0 {padding:0;}
.p_t0 {padding-top:0}
.p_b0 {padding-bottom:0}
.p_tb0 {padding-top:0;padding-bottom:0;}
.p_l0 {padding-left:0}
.p_r0 {padding-right:0}
.p_lr0 {padding-left:0;padding-right:0;}

/* Add paddings for multi-columns  */

.p_cl {padding-left: 16px;}								/* multi-colum layouts: last col standard */
.p_cr {padding-right: 16px;}							/* multi-colum layouts: first col standard */
.p_cm {padding-left:8px;padding-right:8px;}				/* multi-colum layouts: middle col standard */
.p_cl2 {padding-left: 16px;}							/* für 60/40 + full at 899px */
.p_cr2 {padding-right: 16px;}							/* für 60/40 + full at 899px */

@media (max-width: 899px) {								/* remove paddings on 60/40 + full at 899px */
	.p_cl2 {padding-left: 0;}
	.p_cr2 {padding-right: 0;}
}

@media (max-width: 699px) {								/* remove paddings on one-column-content on XS+S screens */
	.p_cl {padding-left: 0;}
	.p_cr {padding-right: 0;}
	.p_cm {padding-left:0;padding-right:0;}	
}

/* MARGINS + PADDINGS ***************************************************************************** */

.mp_0 {margin:0;padding:0;}
.mp_t0 {margin-top:0;padding-top:0;}
.m_b0 {margin-bottom: 0;padding-bottom:0;}
.m_tb0 {margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0;}
.mp_l0 {margin-left:0;padding-left:0;}
.mp_r0 {margin-right: 0;padding-right:0;}
.mp_lr0 {margin-left:0;padding-left:0;margin-right:0;padding-right:0;}



/* FOOTER ***************************************************************************** */

.footer_contentcontainer {
	background:#ddcaa2; /* E6DCC8 */
	padding:0;
	color:#504632;
	border-top: 1px solid #C8AF82;
	
}

.footer_contentfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

.footer_copyrightcontainer {
	background:#000000;
	padding:0;

}

.footer_copyrightrow {
	min-height:60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C8C8D2;
	align-items: center;
	align-content: center;
}

.footer_copyrightrow a {
	color:#C8C8D2;
}

.footer_copyrightrow a:hover, .footer_copyrightrow a:focus  {
	color:#FA0032;
}

.footer_firstline {height:40px;}

.footer_logo {width:300px}

@media screen and (max-width: 499px){
	.footer_logo {width:200px}
}  

/* TESTS - CSS FOR TESTING STUFF ***************************************************************************** */

.t_roboto {font-family: 'Roboto', sans-serif;font-weight: 400;}
.t_playfair {font-family: 'Playfair Display', serif;font-weight: 400;}
.t_playfairsc{font-family: 'Playfair Display SC', serif;font-weight: 400;}


a.fillthediv{
    height: 100px;width:100px;
	background-image:url('/images/testwatchicon2.JPG');
	background-repeat:no-repeat;
	background-position:center center;
	background-size: cover;
	display:flex;
	text-decoration: none;
	justify-content: center;align-items: center;align-content: center;
	
}