/* colors: 
 * at        com        tor
#8fb4d6 -> #aadae4 -> #aadae4 -> #aadae4 -> #aadae4 -> #aadae4
#fab5a4 -> #f7f3ce -> #f7f3ce -> #f7f3ce -> #f7f3ce -> #f7f3ce
*/
body {
	/* max-width: 30em; */
	/* https://stackoverflow.com/questions/57141778/css-to-center-entire-relative-body-horizontally-without-wrapper-or-scrollbars */
	/* position: absolute;
	left: 50%;
	transform: translate(-50%);
	margin: 0;
	overflow-x: hidden;*/
	font-family: "Trebuchet MS",Tahoma,Verdana,Helvetica,Arial,sans-serif;
	font-size: large;
	line-height: 150%;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	color: #333333;
}
nav {
	position: fixed;
	width: 100%;
	margin-top: -0.75em; 
}
nav ul {
	visibility: yes;
	list-style: none; 
	overflow: hidden; 
	position: relative;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 2em;
	/* font-size: small; */
	text-transform: capitalize;
	font-weight: bold;
}
nav ul li { 
	float: left; 
	width: 50%;
}
nav ul li a {
	display: block; 
	width: 100%; 
	height: 2em;
}
nav ul li:nth-child(1) a {
	background-color: #aadae4;
}
nav ul li:nth-child(2) a {
	background-color: #f7f3ce;
}
nav ul li:nth-child(3) a {
	background-color: #aadae4;
}
nav ul li:nth-child(4) a {
	background-color: #f7f3ce;
}
nav ul li:nth-child(5) a {
	background-color: #aadae4;
}
div.grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
	gap: 0px;
	grid-auto-rows: minmax(1em, auto);
	margin: 0.75em 1em 1em 1em;
	padding-top: 1.5em;
}
.vary {
	/*background: #aadae4;*/
	/*background: #7b9fc2;*/
	/*background: #5984ad;*/
	/*background: #004586;*/
	color: #000000;
	/*color: #eeeeee;*/
	margin: 10px;
	padding: .45em;
	border-radius: 0.15em;
	border-width: 0.1em;
	border-style: solid;
	border-color: #f7f3ce;
	/* border-color: #eb613d; */
}
.small {
	line-height: 120%;
	font-size: medium;
	margin-top: 1em;
}
.tooltip {
	visibility: hidden;
	border-radius: 0.5em;
	padding: 0.5em;
	text-align: left;
	/* display: none; */
	/* display: inline-block; */
	/* opacity: 0;*/
	/* transition: opacity 1s; */
	/* width: 200%; */
	/* top: 85%; */
	/* left: 75%; */
	/* margin-left: -150%; */
	background-color: black;
	color: white;
	/* position: relative; */
	/* z-index: 1; */
	position: absolute; 
	z-index: 1;
}
.tooltip::before {
}
.tooltip::after {
	content: " ";
	position: absolute;
	bottom: 100%;  /* At the top of the tooltip */
	left: 10%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent black transparent;
}
div.vary:hover {
	background-color: #f7f3ce;
	cursor: pointer;
}
/* div.vary:hover + .tooltip { */
div.vary:hover > .tooltip {
	visibility: visible; 
	/* display: flex; */
	opacity: .85;
}
/* div.vary:before {
	content: "blublu";
} */
/* div.vary:after {
	content: "";
} */
div.vary:nth-child(odd) {
	/* background: #f7f3ce;*/
	/*background: #faa690;*/
	/*background: #ea947e;*/
	/*background: #eb613d;*/
	border-color: #aadae4;
}
div.vary:nth-child(odd):hover {
	background-color: #aadae4;
}
div.vary:nth-child(even):hover {
	background-color: #aadae4;
	background: #aadae4;
}
div.logo {
	font-size: 200%;
}
div.w3c {
	position: fixed;
	padding: 10px;
	bottom: 0;
	left: 1em;
	right: 0;
	padding: 10px;
	margin: 10px;
}
a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}
a:link:after {
	/* https://www.compart.com/en/unicode/block/U+1F300 */
	/* https://www.compart.com/en/unicode/block/U+1FA70 */
	/* https://www.compart.com/en/unicode/block/U+1F900 */
	/* https://www.compart.com/en/unicode/block/U+1F680 */
	/* https://www.compart.com/en/unicode/block/U+1F600 */
	/* content: "\2934"; */
	/* content: "\1F517"; */
	/* content: "\1F4BB"; */
	/* font-size: 100%; */
	/* content: "\1F41D"; */
	/* e-mail envelope: content: "\1F4E7"; */
}
/* a:hover {
	border-color: #004586;
	border-style: solid;
	border-width: 1px;
} */
/* a:hover::before {
	/* content: "klick hier:"; */
	/* transform: scaleX(2);
	transform-origin: bottom left; */

} *
/* a:hover::after {
	content: "|||";
} */
p a {
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #004586;
	/* background-color: #004586;*/
	color: #eeeeee;
}
a:link {
	color: #333333;
}
a.contact {
	width: 80%;
	background-color: #aadae4;
	border: none;
	color: black;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1em;
	border-radius: .5em;
	transition-duration: 0.4s;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	margin-bottom: 1em;
}
a.contact:hover {
	background-color: #f7f3ce;
	color: black;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
div.contact a:link, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link h6 a:link {
	color: black;
}
a:visited {
	color: black;
}
p a:visited {
	color: #999999;
}
a:active {
	color: #999999;
}
/*
a:hover {
	color: #993333;
}
*/
h1 {
	font-size: 160%;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 110%;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #eeeeee;
}
body p {
	margin-left: 1.5em;
	margin-right: 1.5em;
}
/* 
p.content a:after {
	content: "/^/";
}
*/
h1, h2, h3, h4, h5, h6 {
	/*font-family: sans-serif;*/
	/* color: #eeeeee;*/
}
img {
	border-width: 0px;
}
table,th,td {
	border: 1px solid #999999;
}
th,td {
	padding: 2px;
}
input.text, input.submit {
	/* float: left; */
	/* width: 200px; */
}
input.text, input.submit {
	font-size: 110%;
}
.email:after {
	/* content: attr(data-website) "\0040" attr(data-user); */
	unicode-bidi: bidi-override;
	direction: rtl;
	content: "\0073\0075\0063\0072\0061\006d";
}
.email:before {
	unicode-bidi: bidi-override;
	direction: rtl;
	content: "\006d\006f\0063\002e\0069\0068\0067\0069\0072\0065\006d";
	/* content: "\0074\0061\002e\0069\0068\0067\0069\0072\0065\006d"; */
}
.tel:after {
	unicode-bidi: bidi-override;
	direction: rtl;
	content: "\0035\0031\0020\0030\0038\0036\0020\0033\0034\002b";
}
.tel:before {
	unicode-bidi: bidi-override;
	direction: rtl;
	content: "\0033\0035\0035\0036\0034"; 
}
.gname:after {
	unicode-bidi: bidi-override;
	direction: rtl;
	content: "\0072\0061\004d";
}
.gname:before {
	unicode-bidi: bidi-override;
	direction: rtl;
	content: "\0073\0075\0063"; 
}
.sname:after {
	unicode-bidi: bidi-override;
	direction: rtl;
	content: "\0072\0065\004d";
}
.sname:before {
	unicode-bidi: bidi-override;
	direction: rtl;
	content: "\0069\0068\0067\0069"; 
}
.city:after {
	unicode-bidi: bidi-override;
	direction: rtl;
	content: "\0030\0034\0030\0034";
}
.city:before {
	unicode-bidi: bidi-override;
	direction: rtl;
	content: "\007a\006e\0069\004c\0020"; 
}
.contact-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.contact-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */

}
.contact-close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.contact-close:hover,
.contact-close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
#btnControl {
	display: none;
}
.btn {
        width: 80px;
        height: 30px;
        background: #ffffff;
        border-radius: 7px;
        padding: 1px 3px;
        box-shadow: 1px 1px 1px #000000;
        display: block;
        text-align: center;
        background-image: linear-gradient(to bottom, #e8e8e8, #a1a1a1);
        font-family: arial;
        font-size: 14px;
        line-height: 30px;
}
.btn:hover {
        background-image: linear-gradient(to bottom, #97e8ae, #3be36b);
}
.btn:active {
        margin-left: 1px 1px 0;
        box-shadow: -1px -1px 1px #000;
        outline: 1px solid #000000;
        -moz-outline-radius: 7px;
        background-image: linear-gradient(to top, #97e8ae, #3be36b);
}
#btnControl:checked + label {
        width: 70px;
        height: 74px;
        line-height: 74px;
}
@media print {
	.tooltip {
		display: inline-block;
		opacity: 1;
	}
}
#pexels-1054397 {
	background: url("pexels-1054397.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-13963756 {
	background: url("pexels-13963756.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-159304 {
	background: url("pexels-159304.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-1595385 {
	background: url("pexels-1595385.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-163073 {
	background: url("pexels-163073.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-17220238 {
	background: url("pexels-17220238.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-257886 {
	background: url("pexels-257886.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-2582931 {
	background: url("pexels-2582931.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-2582937 {
	background: url("pexels-2582937.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-2588757 {
	background: url("pexels-2588757.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-2881227 {
	background: url("pexels-2881227.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-2881232 {
	background: url("pexels-2881232.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-3182782 {
	background: url("pexels-3182782.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-3184589 {
	background: url("pexels-3184589.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-3760371 {
	background: url("pexels-3760371.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-3791136 {
	background: url("pexels-3791136.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-3844522 {
	background: url("pexels-3844522.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-3844533 {
	background: url("pexels-3844533.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-3861958 {
	background: url("pexels-3861958.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-3861967 {
	background: url("pexels-3861967.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-442150 {
	background: url("pexels-442150.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-442152 {
	background: url("pexels-442152.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-4508751 {
	background: url("pexels-4508751.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-5256824 {
	background: url("pexels-5256824.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-5324983 {
	background: url("pexels-5324983.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-5325106 {
	background: url("pexels-5325106.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-5668878 {
	background: url("pexels-5668878.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-5676662 {
	background: url("pexels-5676662.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-6044806 {
	background: url("pexels-6044806.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-6044821 {
	background: url("pexels-6044821.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-6466141 {
	background: url("pexels-6466141.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-6636474 {
	background: url("pexels-6636474.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-6803522 {
	background: url("pexels-6803522.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-6804080 {
	background: url("pexels-6804080.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-6804098 {
	background: url("pexels-6804098.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-7128956 {
	background: url("pexels-7128956.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-7653462 {
	background: url("pexels-7653462.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-7988079 {
	background: url("pexels-7988079.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-7988114 {
	background: url("pexels-7988114.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-8204321 {
	background: url("pexels-8204321.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}
#pexels-845451 {
	background: url("pexels-845451.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	min-height: 6em;
}