/* CSS Document */
@charset "utf-8";
@font-face {font-family:'Poppins'; src:url('../fonts/Poppins-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap;}
@font-face {font-family:'Poppins'; src:url('../fonts/Poppins-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap;}
@font-face {font-family:'Poppins'; src:url('../fonts/Poppins-Black.ttf') format('truetype'); font-weight:900; font-style:normal; font-display:swap;}

html body *:focus {outline:none;}
html { /* killing 300ms touch delay in IE */
-ms-touch-action: manipulation;
touch-action: manipulation;}
html {width:100%; margin:0; padding:0; font-size:100%; scroll-behavior:smooth;}
body {margin:0; padding:40px 0 20px;}
audio, video, div, iframe, img, input, textarea, table, p, ul, ol {position:relative; display:block; box-sizing:border-box;}

body, button, input, textarea, select, table {font-family:'Poppins', Arial, sans-serif; font-size:16px; line-height:28px; font-weight:400; color:#303040;
background:#303040 url(../images/bg_black.png) fixed;}

h1, h2, h3, h4, h5, h6 {display:block; clear:both;}
h1 {font-size:38px; line-height:48px; margin:48px 0 30px; padding:0; font-weight:900;}
h2 {font-size:32px; line-height:42px; margin:48px 0 30px; padding:0; font-weight:900;}
h3 {font-size:32px; line-height:42px; margin:30px 0; padding:0; font-weight:900;}
h4 {font-size:28px; line-height:36px; margin:30px 0; padding:0; font-weight:700;}
h5 {font-size:22px; line-height:32px; margin:30px 0; padding:0; font-weight:700;}
h6 {font-size:18px; line-height:30px; margin:0 0 30px; padding:0; font-weight:700;}

p {padding:0; margin:0 0 30px; display:block;}
ul, ol {margin-bottom:30px;}
li {margin-bottom:10px;}
ul, ol, li {text-align:left;}
table {width:100%; padding:0; margin:0 0 26px; border-collapse:collapse; text-align:left;}
td {vertical-align:top; padding:0 20px 10px 0; text-align:left;}
td.tag {width:30px;}

strong {font-weight:700;}

hr {display:block; height:8px; padding:0; margin:40px 0; border-top:1px dotted #303040; border-bottom:1px dotted #303040; border-left:0 none; border-right:0 none;}

.main {width:90%; max-width:1024px; padding:10px 0 30px; margin:0 auto; background:#fff; box-shadow:0px 10px 20px #00000066;}
.content {width:90%; padding:0; margin:0 auto;}
.linguas {position:absolute; top:0; left:0; padding:0; margin:0; width:max-content;}
.kontakt {position:absolute; top:0; right:0; padding:0; margin:0; width:max-content;}
.header {background:#303040; color:#fff; padding:20px 0 40px; margin:40px 0; text-align:center;}
.achtung {background:#f5d565; padding:20px 0; margin:40px 0;}
.footer {width:90%; max-width:1024px; padding:40px 1% 0; margin:0 auto; clear:both; color:#808090;}

.halb {width:48%; margin:0 4% 0 0; float:left;}
.last {margin-right:0;}
.right {text-align:right;}
.center {text-align:center;}
.clear {clear:both;}

.logo {width:100%; max-width:360px; padding:0; margin:20px auto 0;}
.banner {width:100%; padding:0; margin:30px auto 60px;}

a {color:inherit; text-decoration:none;}
.content a {font-weight:700;}

form {margin:30px 0 0;}
textarea, input.zeile, select {width:100%; padding:10px 15px 8px; margin:0 auto 30px; border-radius:5px; background:rgba(255,255,255,0.7);
border-top:1px solid #dfe8e8; border-left:1px solid #dfe8e8; border-bottom:1px solid #fff; border-right:1px solid #fff;}
textarea {height:auto; min-height:200px; resize:vertical;}
select {line-height:30px; padding:16px 11px 14px;}
.zeile:focus::-webkit-input-placeholder {color:transparent;}
.zeile:focus::-moz-placeholder {color:transparent;}
.zeile:-moz-placeholder {color:transparent;}
textarea:focus::-webkit-input-placeholder {color:transparent;}
textarea:focus::-moz-placeholder {color:transparent;}
textarea:-moz-placeholder {color:transparent;}
input.honey {visibility:hidden; display:none;}

input.checky {display:none;}
input.checky + label span {position:relative; display:inline-block; margin:-2px 10px 0 0; vertical-align:middle; cursor:pointer;
width:25px; height:25px; background:#fff; border:1px solid #ddd; border-radius:5px;}
input.checky:checked + label {position:relative; cursor:pointer;}
input.checky:checked + label span {box-shadow:inset 0px 0px 0px 2px #fff;}
input.checky:checked + label span::after {position:absolute; left:0; top:-2px; opacity:1; 
content:"✔"; color:#303040; font-size:30px; line-height:30px; font-weight:700; text-align:center;}

input.button, a.button {width:max-content; height:auto; display:block; padding:12px 24px 12px; margin:40px auto 20px; 
font-size:18px; line-height:30px; font-weight:700; text-decoration:none; text-align:center; color:#303040; cursor:pointer; 
background:#fdcf7a; background-image:linear-gradient(0deg,#9d7f2a,#fdcf7a); border:0 none; border-radius:30px; 
-webkit-transition: padding 0.12s ease-in-out;
-moz-transition: padding 0.12s ease-in-out;
transition: padding 0.12s ease-in-out;
}

.totop {position:fixed; bottom:15px; right:15px; width:2px; height:2px; padding:15px 22px 25px 19px; margin:0; 
border-radius:50%; background:#7d8789; z-index:999; opacity:0.3; filter: alpha(opacity=30);} /* For IE8 and earlier */
.totop:hover {opacity:0.8; filter: alpha(opacity=80);} /* For IE8 and earlier */
.totop i:before, .totop i:after {content:""; position:absolute; background-color:#fff; width:3px; height:9px;}
.totop i:before {-ms-transform: translate(-2px, 0) rotate(45deg); /* IE 9 */ 
 -webkit-transform: translate(-2px, 0) rotate(45deg); /* Chrome, Safari, Opera */
 transform: translate(-2px, 0) rotate(45deg);}
.totop i:after {-ms-transform: translate(2px, 0) rotate(-45deg);
 -webkit-transform: translate(2px, 0) rotate(-45deg);
 transform: translate(2px, 0) rotate(-45deg);}

/*///////////////////// RESPONSIVE ////////////////////*/

@media (max-width: 600px) {
body {padding:0 0 20px;}
.main {width:100%; padding:1px 0 30px;}
.footer {width:100%; padding:40px 4% 0;}
.halb {width:100%; margin:0;}
.right {text-align:left;}
.banner {margin:30px auto 40px;}
.header {margin:30px 0 40px;}
h1, h2, h3, h4, h5, h6 {
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
-moz-hyphenate-limit-chars: auto 5;
-o-hyphenate-limit-chars: auto 5;
-webkit-hyphenate-limit-chars: auto 5;
-ms-hyphenate-limit-chars: auto 5;
hyphenate-limit-chars: auto 5;
-moz-hyphenate-limit-lines: 2;
-o-hyphenate-limit-lines: 2;
-webkit-hyphenate-limit-lines: 2;
-ms-hyphenate-limit-lines: 2;
hyphenate-limit-lines: 2;
}
}