/* Präfix */

:root
	{	--red:rgb(227,29,41);
		--orange:rgb(251,200,52);
		--orangelight:rgba(251,200,52,0.10);
		--lightgrey:rgb(243,244,245);
	}
div.spacer
	{	height:30px;
	}


/* Schriftarteneinbindung */

/* acme-regular - latin */
@font-face {
  font-family: 'Acme';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('./fonts/acme-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./fonts/acme-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('./fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./fonts/pt-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('./fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./fonts/pt-sans-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* Allgemeine Seiteneinstellungen */

*	{	line-height:1.55;
		margin:0px;
		cursor:default;
	}

body
	{	font-size:12pt;
		font-family:PT Sans;
	}

a:hover,a:active
	{	text-decoration:none;
		cursor:pointer;
	}

b,strong
	{	color:var(--red);
	}

h1,h2,h3,h4
	{	font-family:Acme;
		font-variant:small-caps;
		padding-top:12px;
		color:var(--red);
	}

h1	{	margin-bottom:30px;
		text-align:center;
		margin-bottom:50px;
	}

h2	{	margin-bottom:20px;
	}
h3	{	margin-top:0px;
		padding-top:0px;
		font-size:18pt;
		text-decoration:underline;
	}

	
/* Kopf- und Fußbereiche */

div.header
	{	padding:20px;
		margin:0px !important;
		background-color:var(--lightgrey);
		min-height:100vh;
		vertical-align:center;
	}
img.header-image
	{	max-width:550px;
		max-height:110px;
		margin-bottom:20px;
		padding-right:40px;
		margin-top:10%;
	}
div.ankuendigung
	{	padding:15px 30px;
		margin-top:20px;
		color:var(--red);
		background-color:var(--orangelight);
		border:2px solid var(--orange);
		display:inline-block;
	}

div.mainmenu
	{	display:block;
		margin:20px 0px;
		text-align:center;
	}
a.mainmenu
	{	font-size:15pt;
		border-bottom:2pt solid transparent;
		transition:0.7s;
		display:inline-block;
		width:60%;
		box-shadow:0px 0px 6px var(--orange);
		border-radius:30px;
		padding:8px 0;
	}
a.mainmenu:hover
	{	background-color:var(--orangelight);
		box-shadow:0px 0px 6px var(--red);
		transition:0.7s;
	}


div.header-border
	{	height:53px !important;
		background-image:url("./bilder/trennlinie.jpg");
		background-position:left;
		background-repeat:no-repeat;
	}

footer
	{	background-color:var(--lightgrey);
		font-size:10pt;
	}

div.footer-border
	{	height:53px !important;
		background-position:left;
		background-repeat:no-repeat;
	}


/* Menü */

menu
	{	margin:20px 0px;
		vartical-align:middle;
	}

li.menu-item
	{	display:inline-block;
	}

li.menu-item a
	{	margin-right:20px;
		width:180px;
		display:inline-block;
		padding:8px;
		color:var(--red);
		border:2px solid var(--orange);
		border-radius:8px;
		cursor:pointer;
	}

/* Seite "Team" */

table.team
	{	width:100%;
		border-top:4px solid #eee;
		border-radius:10px;
	}
table.team td
	{	padding:15px 8px;
		vertical-align:top;
	}
table.team td:first-child
	{	width:150px;
		text-align:center;		
	}
img.team-bild
	{	width:120px;
	}
div.team-container
	{	background-color:#fff;
	}


/* Seite "Angebot" */

div.container-angebot
	{	margin:40px;
	}

div.angebote-bild-container
	{	display:inline-block;
		margin:20px;
		border:1px solid #ccc;
		padding:8px;
		text-align:center;
		width:175px;
		cursor:pointer !important;
		box-shadow:2px 3px 5px #ccc;
		background-color:whitesmoke;
		width:80%;
	}

div.angebote-bild
	{	width:100%;
		height:280px;
		background-size:cover;
	}


/* Startseite Parallax-View */

div.parallax-window
	{	min-height:600px;
		background-image:url("./bilder/saal.jpg");
		background-size:cover;
	}

.text-overlay
	{	position:relative;
		top:300px; /* Höhe des Bildes ist ja definiert */
		left:50%;
		transform: translate(-50%,-50%);
		text-align:center;
		font-size:16pt;
		background-color:rgba(100,100,100,0.8);
		color:#fff;
		padding:10px;
		display:inline-block;
		padding:20px;
	}

/* Impressum */

div.modal-content,button.form-control
	{	font-size:10pt;
	}