/* Styles CLASEN & CLASEN
Grundfarbe türkis: #007aa2
Lauftext:-moz-any: 
*/

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* lustria-regular - latin */
@font-face {
  font-family: 'Lustria';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lustria-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lustria-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lustria-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lustria-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lustria-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lustria-v13-latin-regular.svg#Lustria') format('svg'); /* Legacy iOS */
}

:root {
  --farbeTUERKIS: #007aa2;
  --farbeTUERKISHELL: #d5ebf2;
  --farbeTEXT: #787878;
  --farbeTUERKISSEHRHELL: #f2f2f2;
}

/* Fontdefinitionen */
strong {
color:black;
}

/* CSS für Desktop */

@media only screen and (min-width: 1241px ) {

h1 {
color: var(--farbeTUERKIS);
text-transform: uppercase;
font-size:3em;
line-height:.8em;
font-weight:700;
text-align:left;
}

h2 {
color: var(--farbeTUERKIS);
font-size:1.8em;
line-height:1.8em;
font-weight:700;
text-align:left;
text-transform:uppercase;
}

h3 {
color: var(--farbeTUERKIS);
text-transform: none;
font-size:1.2em;
line-height:1.4em;
font-weight:700;
text-align:left;
}

h2 {
color: var(--farbeTUERKIS);
text-transform: normal;
font-size:1.2em;
line-height:1.4em;
font-weight:400;
text-align:left;
}


h5 {
color: var(--farbeTUERKIS);
text-transform: uppercase;
font-size:1.5em;
line-height:0.1em;
font-weight:700;
}

p {
font-size:0.9em;
line-height:1.7em;
font-weight:300;
}

li {
font-size:0.9em;
line-height:2em;
font-weight:300;
color:var(--farbeTUERKIS);
}

a:link {
text-decoration:none;
color:var(--farbeTUERKIS);

}
a:visited {
text-decoration:none;
color:var(--farbeTUERKIS);

}
a:hover {
color:black;
}

a.futer:link {
text-decoration:none;
color:white;
font-style:normal;
}
a.futer:visited {
text-decoration:none;
color:white;
font-style:normal;
}
a.futer:hover {
color:black;
}

.abstand100 {
margin-top:200px;
}
.abstand300 {
margin-top:300px;
}


body {
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    color:var(--farbeTEXT);
    line-height: 1.2;

}

.trenner {
position:static;
border-top:solid 1px #c4c4c4;
height:1px;
width:1200px;
margin: 20px 0 20px 0;
}

.padding5 {

}

.desktop {
display:block;
}

.mobile {
display:none;
}


/* Header */
.topleiste {
width:100%;
height:30px;
background-color: var(--farbeTUERKIS);
margin-bottom:50px;
color:white;
padding-left:60%;
font-size:12px;
line-height:30px;
text-transform: uppercase;
letter-spacing: 4px;

}

.headerMOBIL {
display:none;
}

/* Aktives Menü oben */
.mobMENUE {
display:none;
}

.menueWEICHE {
display:block;
}
.menueWEICHEMOBILE {
display:none;
}


#TM_about {
width:30x;
height:30px;
}

#TM_about_SUB {
position:relative;
margin-top:0px;
text-transform: none;
letter-spacing:0;
z-index:1000;
display:none;
color:var(--farbeTUERKIS);
font-size:1.5em;
line-height:1.5em;
width:200px;
height:auto;
background-color:var(--farbeTUERKISHELL);
border:solid 2px var(--farbeTUERKIS);
padding: 20px 0 10px 20px;
box-shadow: 10px 10px 8px #888888;
}

#TM_servive {
width:30x;
height:30px;
}

#TM_service_SUB {
position:relative;
margin-top:0px;
text-transform: none;
letter-spacing:0;
z-index:1000;
display:none;
color:var(--farbeTUERKIS);
font-size:1.5em;
line-height:1.5em;
width:200px;
height:auto;
background-color:var(--farbeTUERKISHELL);
border:solid 2px var(--farbeTUERKIS);
padding: 20px 0 10px 20px;
box-shadow: 10px 10px 8px #888888;
}

#menuefortsatz {
width:100px;
height:auto;
margin:-30px 0 0 120px;
color:white;
}

.content {
width:1200px;
margin-left:auto;
margin-right:auto;
height:auto;
}

.firstmenu {
width:1200px;
margin-left:auto;
margin-right:auto;
height:30px;
/*border-bottom: solid 1px var(--farbeTUERKIS);
padding-bottom:30px;*/
margin-bottom:30px;
}

.firstmenucell {
float:left;
border-right:1px solid var(--farbeTUERKIS);
width:24.9%;
height:30px;
text-align:center;
font-size:.8em;
letter-spacing:.15em;
font-weight:500;
line-height:30px;
color:black;
text-transform:uppercase;
background-color: var(--farbeTUERKISSEHRHELL);
}

.contentTEAM {
width:1200px;
margin-left:auto;
margin-right:auto;
margin-top:100px;
height:auto;
}

.contentTOP {
width:1200px;
margin-left:auto;
margin-right:auto;
}

.logo {
width:400px;
float:left;
}

.logoMOBIL {
display:none;
}

.topzeile1 {
position:relative;
margin-left:200px;
width:400px;
padding: 15px 0 0 200px;
}

.topzeile2 {
position:relative;
margin-left:400px;
margin-top:-54px;
width:400px;
padding: 15px 0 0 200px;
}

.topzeile3 {
position:relative;
margin-left:620px;
margin-top:-94px;
width:400px;
padding: 15px 0 0 200px;
}

/* Topmenü */

.topmenu {
position:absolute;
width:1200px;
height:125px;
margin:80px 0 50px 0;
padding:20px 0 20px 0;
border-top:solid 1px #c4c4c4;
border-bottom:solid 1px #c4c4c4;
}

.topmenuSUB {
position:absolute;
width:1200px;
height:35px;
margin:50px 0 50px 0;
padding:20px 0 20px 0;
border-top:solid 1px #c4c4c4;
border-bottom:solid 1px #c4c4c4;
}

.topmenu1 {
position:absolute;
float:left;
width:280px;
height:35px;
background-color: #bbd5dd;
color:black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing:2px;
font-size:12px;
line-height:35px;
}

.topmenuTEXT1 {
position:relative;
margin-top:45px;
float:left;
width:280px;
height:35px;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:13px;
line-height:18px;
}

.topmenu2 {
position:absolute;
margin-left:306px;
width:280px;
height:35px;
background-color: #accfda;
color:black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing:2px;
font-size:12px;
line-height:35px;
}

.topmenuTEXT2 {
position:relative;
margin-left:26px;
margin-top:45px;
float:left;
width:280px;
height:35px;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:13px;
line-height:18px;
}

.topmenu3 {
position:absolute;
margin-left:612px;
width:280px;
height:35px;
background-color: #8cc1d2;
color:black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing:2px;
font-size:12px;
line-height:35px;
}

.topmenuTEXT3 {
position:absolute;
margin-left:612px;
margin-top:45px;
float:left;
width:280px;
height:35px;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:13px;
line-height:18px;
}

.topmenu4 {
position:absolute;
margin-left:918px;
width:280px;
height:35px;
background-color: #6db8d1;
color:black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing:2px;
font-size:12px;
line-height:35px;
}

.topmenuTEXT4 {
position:absolute;
margin-left:918px;
margin-top:45px;
float:left;
width:280px;
height:35px;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:13px;
line-height:18px;
}

.slider {
margin: 240px auto 0 auto;
position:relative;
width:1200px;
height:400px;
}

.sliderMOBILE {
display:none;
}

.symbolbild {
position:sticky;
width:1200px;
height:auto;
margin-top:100px;

}

.bild {
position:absolute;
width:500px;
margin-top:240px;
margin-bottom:600px;
}

.lauftext {
margin:200px 0 100px 0;
font-size:1.1em;
line-height:1.4em;
text-align:justify;
position:relative;
width:1200px;
height:auto;
}

.teamtext {
margin:0px 0 10px 0;
font-size:1.1em;
line-height:1.4em;
text-align:justify;
position:relative;
width:1200px;
height:auto;
}

.lauftextMOBILE {
display:none;
}


.lauftextMEMBER {

margin:200px 0 100px 0;
font-size:1.1em;
line-height:1.4em;
text-align:justify;
position:relative;
width:600px;
height:auto;
}

.laufGBR {
font-size:1.1em;
line-height:1.4em;
text-align:justify;
margin:650px 0 100px 0;
position:relative;
width:1200px;
height:auto;
}

.laufLEISTUNG {
font-size:1.1em;
line-height:1.4em;
text-align:justify;
margin:650px 0 100px 0;
position:relative;
width:550px;
height:auto;
}

.memberFOTO {
position:absolute;
margin:0 0 0 640px;
width:580px;
height:auto;

}

.gbrFOTO {
position:absolute;
width:1200px;
height:auto;
}

.gbrFOTOMOBIL {
display:none;
}

.infokasten {
position:absolute;
margin:400px 0 0 640px;
border: solid 3px var(--farbeTUERKIS);
background-color: #e6f4f8;
color:black;
width:536px;
height:auto;
padding:10px;
box-shadow: 10px 10px 8px #dadada;
font-size:1em;
line-height:1.8em;
text-align:left;
}

.infokastenLEISTUNGEN {
position:absolute;
float:left;
margin:630px 0 0 640px;
border: solid 3px var(--farbeTUERKIS);
background-color: #e6f4f8;
color:black;
width:536px;
height:auto;
padding:10px;
box-shadow: 10px 10px 8px #dadada;
font-size:1em;
line-height:1.8em;
text-align:left;
}

.infokastenSERVICE {
position:absolute;
float:left;
margin:630px 0 0 640px;
border: solid 3px var(--farbeTUERKIS);
background-color: #e6f4f8;
color:black;
width:536px;
height:auto;
padding:10px;
box-shadow: 10px 10px 8px #dadada;
font-size:1em;
line-height:1.8em;
text-align:left;
}

.einleitung {
font-family: 'Lustria', serif;
margin:50px 0 100px 0;
font-size:1.2em;
line-height:2em;
color:var(--farbeTUERKIS);
font-style:italic;
text-align:center;
position:relative;
width:1200px;
height:auto;
}

.ansprechpartner {
position:relative;
margin:0 450px auto 450px;
width:300px;
height:360px;
border: solid 3px var(--farbeTUERKIS);
background-color: #f3efe9;
box-shadow: 10px 10px 8px #888888;
color:black;
text-align:center;
font-size:1em;
padding:5px;
}

/* Telfon-Sticker rechts */
@media only screen and (min-width: 1620px) {
	.stickyTELEFON {
	position:fixed;
	margin-top:350px;
	padding:20px 10px 0px 10px;
	text-align:center;
	width:200px;
	height:70px;
	right:0;
	color:white;
	line-height:1.5em;
	background-color:#9f0202;
	box-shadow: 0px 10px 8px #787878;
	border-radius: 25px 0 0 25px;
	}
}

.footer {
position:sticky;
padding:30px 0 0 30px;
/*margin-top:850px;*/
width:100%;
height:auto;
background-color: var(--farbeTUERKIS);
padding-bottom:50px;
}

.footer1 {
position:relative;
float:left;
width:280px;
color:white;
font-size:0.9em;
line-height:1.8em;
}

.footer2 {
position:relative;
margin-left:300px;
width:280px;
color:white;
font-size:0.9em;
line-height:1.8em;
}

.footer3 {
position:relative;
margin-left:600px;
margin-top:-140px;
width:280px;
color:white;
font-size:0.9em;
line-height:1.8em;
}

.subFOOTER {
position:sticky;
width:1200px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
z-index:100;
height:auto;
width:100%;
color:white;
border-top: solid 1px var(--farbeTUERKISHELL);
padding-top:50px;
font-style:italic;
font-size:.8em;
text-align:center;
}

/* Kontakt */
.contentMAP {
width:1200px;
margin-left:auto;
margin-right:auto;
margin-top:200px;
margin-bottom:120px;
}

.map {
position:relative;
margin-top:-100px;
width:1200px;
height:400px;
margin-bottom:100px;
}

.kontaktformular {
position:relative;
border: solid 1px black;
width:500px;
height:500px;
padding:20px 0px 20px 80px;
margin-bottom:100px;
background-color: var(--farbeTUERKISHELL);
}

.kontaktadresse {
position:absolute;
border: solid 2px var(--farbeTUERKIS);
width:440px;
height:496px;
padding:20px 80px 20px 80px;
margin:-641px 0 0 600px;
}

input,
textarea {
 font-family: 'Roboto Condensed', sans-serif;
 letter-spacing:2px;
    display: block;
    width:400px;
    height:50px;
    font-size: 1em;
    margin-bottom: 0.8em;
    border: 0.1em solid var(--farbeTUERKIS);
    padding: 5px;
    color:var(--farbeTUEKIS);
}

.subbut {
color: white;
background: rgb(0,122,162);
background: linear-gradient(0deg, rgba(0,122,162,1) 0%, rgba(163,225,245,1) 100%);
width:120px;
height:50px;
border-radius:25px;
border:none;
margin-left:140px;
margin-top:20px;
}

}


/* Mobiles CSS */

@media only screen and (max-width: 1240px ) and (min-width: 760px) {

h1 {
color: var(--farbeTUERKIS);
text-transform: uppercase;
font-size:2.8em;
line-height:1em;
font-weight:700;
text-align:left;
}

h2 {
color: var(--farbeTUERKIS);
font-size:1.8em;
line-height:1.8em;
font-weight:700;
text-align:left;
text-transform:uppercase;
}

h3 {
color: var(--farbeTUERKIS);
text-transform: none;
font-size:1.2em;
line-height:1.4em;
font-weight:700;
text-align:left;
}

h2 {
color: var(--farbeTUERKIS);
text-transform: normal;
font-size:1.2em;
line-height:1.4em;
font-weight:400;
text-align:left;
}


h5 {
color: var(--farbeTUERKIS);
text-transform: uppercase;
font-size:1em;
line-height:0.1em;
font-weight:700;
}

p {
font-size:1.1em;
line-height:1.7em;
font-weight:300;
}

li {
font-size:1.1em;
line-height:2em;
font-weight:300;
color:var(--farbeTUERKIS);
}

a:link {
text-decoration:none;
color:var(--farbeTUERKIS);

}
a:visited {
text-decoration:none;
color:var(--farbeTUERKIS);

}
a:hover {
color:black;
}

a.futer:link {
text-decoration:none;
color:white;
font-style:normal;
}
a.futer:visited {
text-decoration:none;
color:white;
font-style:normal;
}
a.futer:hover {
color:black;
}

.abstand100 {
margin-top:200px;
}
.abstand300 {
margin-top:300px;
}

body {
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    color:var(--farbeTEXT);
    line-height: 1.2;

}

.trenner {
position:static;
border-top:solid 1px #c4c4c4;
height:1px;
width:100%;
margin: 20px 0 20px 0;
}

.padding5 {
padding-left:5%;
padding-right:15%;
width:80%;
}

.desktop {
display:none;
}

.mobile {
display:block;
}


/* Header */
.topleiste {
position:sticky;
z-index:1000;
width:100%;
height:30px;
background-color: var(--farbeTUERKIS);
color:white;
padding-left:60%;
font-size:12px;
line-height:30px;
text-transform: uppercase;
letter-spacing: 4px;

}

.headerMOBIL {
display:none;
}

/* Aktives Menü oben */
.mobMENUE {
display:none;
}

.menueWEICHE {
display:none;
}

.menueWEICHEMOBILE {
display:block;
}

#TM_about {
width:30x;
height:30px;
}

#TM_about_SUB {
position:relative;
margin-top:0px;
text-transform: none;
letter-spacing:0;
z-index:1000;
display:none;
color:var(--farbeTUERKIS);
font-size:1.5em;
line-height:1.5em;
width:200px;
height:auto;
background-color:var(--farbeTUERKISHELL);
border:solid 2px var(--farbeTUERKIS);
padding: 20px 0 10px 20px;
box-shadow: 10px 10px 8px #888888;
}

#menuefortsatz {
width:100px;
height:auto;
margin:-30px 0 0 120px;
color:white;
}

.content {
width:90%;
margin-left:5%;
margin-right:5%;
}

.contentTEAM {
width:90%;
margin-left:5%;
margin-right:5%;
margin-top:300px;
}

.contentTOP {
width:100%;
margin-left:0;
margin-right:0;
}

.logo {
display:none;
}

.logoMOBIL {
position:sticky;
z-index:1200;
width:240px;
float:left;
margin-left:20px;
margin-top: 20px;
}

.topzeile1 {
position:relative;
margin:-20px 0 0 90px;
width:240px;
padding: 15px 0 0 200px;
}

.topzeile2 {
position:relative;
margin-left:260px;
margin-top:-90px;
width:240px;
padding: 15px 0 0 200px;
}

.topzeile3 {
position:relative;
margin-left:400px;
margin-top:-90px;
width:240px;
padding: 15px 0 0 200px;
}

/* Topmenü */

.topmenu {
position:absolute;
width:100%;
height:160px;
margin:50px 0 250px 0;
padding:20px 0 20px 0;
border-top:solid 1px #c4c4c4;
border-bottom:solid 1px #c4c4c4;
}

.topmenuSUB {
position:absolute;
width:100%;
height:35px;
margin:50px 0 50px 0;
padding:20px 0 20px 0;
border-top:solid 1px #c4c4c4;
border-bottom:solid 1px #c4c4c4;
}

.topmenu1 {
position:absolute;
width:24%;
height:35px;
background-color: #bbd5dd;
color:black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing:2px;
font-size:12px;
line-height:35px;
}

.topmenuTEXT1 {
position:relative;
margin-top:45px;
float:left;
width:24%;
height:auto;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:13px;
line-height:18px;
}

.topmenu2 {
position:absolute;
margin-left:25%;
width:24%;
height:35px;
background-color: #accfda;
color:black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing:2px;
font-size:12px;
line-height:35px;
}

.topmenuTEXT2 {
position:absolute;
margin-left:25%;
margin-top:45px;
float:left;
width:24%;
height:auto;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:13px;
line-height:18px;
}

.topmenu3 {
position:absolute;
margin-left:50%;
width:24%;
height:35px;
background-color: #8cc1d2;
color:black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing:2px;
font-size:12px;
line-height:35px;
}

.topmenuTEXT3 {
position:absolute;
margin-left:50%;
margin-top:45px;
float:left;
width:24%;
height:auto;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:13px;
line-height:18px;
}

.topmenu4 {
display: flex;
align-items: center; /* Vertikale Zentrierung */
justify-content: center; /* Horizontale Zentrierung */
position:absolute;
margin-left:75%;
width:25%;
height:35px;
background-color: #6db8d1;
color:black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing:2px;
font-size:12px;
line-height:12x;
}

.topmenuTEXT4 {
position:absolute;
margin-left:75%;
margin-top:45px;
float:left;
width:24%;
height:auto;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:13px;
line-height:18px;
}

.slider {
position:relative;
width:100%;
margin-top:280px;
height:auto;
}

.sliderMOBILE {
display:none;
}

.bild {
position:absolute;
width:500px;
margin-top:240px;
margin-bottom:600px;
}

.symbolbild {
position:sticky;
width:100%;
overflow:hidden;
height:auto;
margin-top:200px;

}

.lauftext {
display:none;

}

.lauftextMOBILE {
margin:200px 0 100px 0;
font-size:1.1em;
line-height:1.4em;
text-align:justify;
position:relative;
width:90%;
height:auto;
padding-left:5%;
padding-right:5%;
}

.lauftextMEMBER {

margin:200px 0 100px 0;
font-size:1.1em;
line-height:1.4em;
text-align:justify;
position:relative;
width:100%;
height:auto;
}

.laufGBR {
font-size:1.1em;
line-height:1.4em;
text-align:justify;
margin:450px 0 100px 0;
position:relative;
width:100%;
height:auto;
}

.memberFOTO {
position:sticky;
width:100%;
height:auto;

}

.gbrFOTO {
display:none;
}

.gbrFOTOMOBIL {
position:absolute;
width:80%;
height:auto;
}

.infokasten {
position:sticky;
border: solid 3px var(--farbeTUERKIS);
background-color: #e6f4f8;
color:black;
width:70%px;
margin:0 15% 0 15%;
height:auto;
padding:10px;
box-shadow: 10px 10px 8px #dadada;
font-size:1em;
line-height:1.8em;
text-align:left;
}

.einleitung {
font-family: 'Lustria', serif;
margin:50px 0 100px 0;
font-size:1.2em;
line-height:2em;
color:var(--farbeTUERKIS);
font-style:italic;
text-align:center;
position:relative;
width:90%;
height:auto;
padding-left:5%;
padding-right:5%;
}

.ansprechpartner {
position:relative;
margin:0 450px auto 450px;
width:300px;
height:360px;
border: solid 3px var(--farbeTUERKIS);
background-color: #f3efe9;
box-shadow: 10px 10px 8px #888888;
color:black;
text-align:center;
font-size:1em;
padding:5px;
}

/* Telfon-Sticker rechts */

.telefonSIDE {
display:none;
}

@media only screen and (min-width: 1620px) {
	.stickyTELEFON {
	position:fixed;
	margin-top:350px;
	padding:20px 10px 0px 10px;
	text-align:center;
	width:200px;
	height:70px;
	right:0;
	color:white;
	line-height:1.5em;
	background-color:#9f0202;
	box-shadow: 0px 10px 8px #787878;
	border-radius: 25px 0 0 25px;
	}
}

.footer {
position:sticky;
padding:30px 0 0 30px;
/*margin-top:850px;*/
width:100%;
height:auto;
background-color: var(--farbeTUERKIS);
padding-bottom:50px;
}

.footer1 {
position:relative;
float:left;
width:30%;
color:white;
font-size:0.9em;
line-height:1.8em;
}

.footer2 {
position:relative;
margin-left:33%;
width:30%;
color:white;
font-size:0.9em;
line-height:1.8em;
}

.footer3 {
position:relative;
margin-left:60%;
margin-top:-138px;
width:30%;
color:white;
font-size:0.9em;
line-height:1.8em;
}

.subFOOTER {
position:sticky;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:50px;
z-index:100;
height:auto;
color:white;
border-top: solid 1px var(--farbeTUERKISHELL);
padding-top:50px;
font-style:italic;
font-size:.8em;
text-align:center;
}

/* Kontakt */
.contentMAP {
position:sticky;
width:90%;
max-height:200px;
margin-left:5%;
margin-right:5%;
margin-top:200px;
margin-bottom:220px;
}

.map {
position:relative;
margin-top:-100px;
width:100%;
height:300px;
margin-bottom:100px;
}

.kontaktformular {
position:sticky;
border: solid 1px black;
width:80%;
height:500px;
padding:20px 5% 20px 5%;
margin:200px 5% 100px 5%;
background-color: var(--farbeTUERKISHELL);
}

.kontaktadresse {
position:sticky;
border: solid 2px var(--farbeTUERKIS);
width:80%
height:496px;
padding:20px 80px 20px 80px;
margin:100px 5% 100px 5%;
}

input,
textarea {
 font-family: 'Roboto Condensed', sans-serif;
 letter-spacing:2px;
    display: block;
    width:100%;
    height:50px;
    font-size: 1em;
    margin-bottom: 0.8em;
    border: 0.1em solid var(--farbeTUERKIS);
    padding: 5px;
    color:var(--farbeTUEKIS);
}

.subbut {
color: white;
background: rgb(0,122,162);
background: linear-gradient(0deg, rgba(0,122,162,1) 0%, rgba(163,225,245,1) 100%);
width:30%;
height:50px;
border-radius:25px;
border:none;
margin-left:35%;
margin-top:20px;
}




}

/*   +++++++++++++++++++++++++++++++ Mobiles! +++++++++++++++++++++++++++++++++ */
@media only screen and (max-width: 760px ) {
h1 {
color: var(--farbeTUERKIS);
text-transform: uppercase;
font-size:2em;
line-height:1em;
font-weight:700;
text-align:left;
}

h2 {
color: var(--farbeTUERKIS);
font-size:1.8em;
line-height:1.8em;
font-weight:700;
text-align:left;
text-transform:uppercase;
}

h3 {
color: var(--farbeTUERKIS);
text-transform: none;
font-size:1.2em;
line-height:1.4em;
font-weight:700;
text-align:left;
}

h2 {
color: var(--farbeTUERKIS);
text-transform: normal;
font-size:1.2em;
line-height:1.4em;
font-weight:400;
text-align:left;
}


h5 {
color: var(--farbeTUERKIS);
text-transform: uppercase;
font-size:1em;
line-height:0.1em;
font-weight:700;
}

p {
font-size:1em;
line-height:1.8em;
font-weight:300;
text-align:left;
}

li {
font-size:1.1em;
line-height:2em;
font-weight:300;
color:var(--farbeTUERKIS);
text-align:left;
}

a:link {
text-decoration:none;
color:var(--farbeTUERKIS);

}
a:visited {
text-decoration:none;
color:var(--farbeTUERKIS);

}
a:hover {
color:black;
}

a.futer:link {
text-decoration:none;
color:white;
font-style:normal;
}
a.futer:visited {
text-decoration:none;
color:white;
font-style:normal;
}
a.futer:hover {
color:black;
}

.abstand100 {
margin-top:-100px;
}
.abstand300 {
margin-top:30px;
}

body {
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    color:var(--farbeTEXT);
    line-height: 1.2;

}

.trenner {
position:static;
border-top:solid 1px #c4c4c4;
height:1px;
width:100%;
margin: 20px 0 20px 0;
}

.padding5 {
padding-left:5%;
padding-right:15%;
width:80%;
}

.desktop {
display:none;
}

.mobile {
display:block;
}


/* Header */
.topleiste {
display:none;
}

.headerMOBIL {
position:sticky;
margin-bottom:50px;
height:auto;
padding:5px 5px 5px 5px;
background-color: var(--farbeTUERKIS);
color:white;
text-align:center;
font-size:1em;
line-height:1.4em;
}

/* Aktives Menü oben */
.mobMENUE {
margin-top:50px;
width:100%;
  display: flex;
  align-items: center;
  justify-content: center;
height:auto;
}

#hhBUTTON {
width:100px;
height:200px;
float:right;
}

#hhBUTTONOPEN {
display:none;
width:100px;
height:200px;
float:right;
}

#mobmenueCONTENT {
position:absolute;
z-index:9999;
display:none;
width:60%;
margin:140px 0% 0 0%;
height:320px;
overflow:scroll;
background-color: white;
border: solid 3px var(--farbeTUERKIS);
/*opacity: .9;*/
color:var(--farbeTUERKIS);
font-size:1em;
line-height:2.5em;
text-align:left;
padding-left:20px;
box-shadow: 0px 10px 8px #787878;
}

.menueWEICHE {
display:none;
}

.menueWEICHEMOBILE {
display:block;
}

#TM_about {
width:30x;
height:30px;
}

#TM_about_SUB {
position:relative;
margin-top:0px;
text-transform: none;
letter-spacing:0;
z-index:1000;
display:none;
color:var(--farbeTUERKIS);
font-size:1.5em;
line-height:1.5em;
width:200px;
height:auto;
background-color:var(--farbeTUERKISHELL);
border:solid 2px var(--farbeTUERKIS);
padding: 20px 0 10px 20px;
box-shadow: 10px 10px 8px #888888;
}

#menuefortsatz {
width:100px;
height:auto;
margin:-30px 0 0 120px;
color:white;
}

.content {
width:90%;
margin-left:5%;
margin-right:5%;
}

.contentTEAM {
width:90%;
margin-left:5%;
margin-right:5%;
margin-top:-100px;
}

.contentTOP {
display:none;
}

.logo {
display:none;
}

.logoMOBIL {
position:sticky;
z-index:1200;
width:240px;
float:left;
margin-left:20px;
margin-top: 20px;
}

.topzeile1 {
position:relative;
margin:0px 0 0 90px;
width:100&;
padding: 15px 0 0 200px;
}

.topzeile2 {
position:relative;
margin-left:260px;
margin-top:-90px;
width:240px;
padding: 15px 0 0 200px;
}

.topzeile3 {
position:relative;
margin-left:400px;
margin-top:-90px;
width:240px;
padding: 15px 0 0 200px;
}

/* Topmenü */

.topmenu {
position:absolute;
width:100%;
height:160px;
margin:50px 0 250px 0;
padding:20px 0 20px 0;
border-top:solid 1px #c4c4c4;
border-bottom:solid 1px #c4c4c4;
}

.topmenuSUB {
display:none;
}

.topmenu1 {
position:absolute;
width:24%;
height:35px;
background-color: #bbd5dd;
color:black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing:2px;
font-size:12px;
line-height:35px;
}

.topmenuTEXT1 {
position:relative;
margin-top:45px;
float:left;
width:24%;
height:auto;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:13px;
line-height:18px;
}

.topmenu2 {
position:absolute;
margin-left:25%;
width:24%;
height:35px;
background-color: #accfda;
color:black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing:2px;
font-size:12px;
line-height:35px;
}

.topmenuTEXT2 {
position:absolute;
margin-left:25%;
margin-top:45px;
float:left;
width:24%;
height:auto;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:13px;
line-height:18px;
}

.topmenu3 {
position:absolute;
margin-left:50%;
width:24%;
height:35px;
background-color: #8cc1d2;
color:black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing:2px;
font-size:12px;
line-height:35px;
}

.topmenuTEXT3 {
position:absolute;
margin-left:50%;
margin-top:45px;
float:left;
width:24%;
height:auto;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:13px;
line-height:18px;
}

.topmenu4 {
display: flex;
align-items: center; /* Vertikale Zentrierung */
justify-content: center; /* Horizontale Zentrierung */
position:absolute;
margin-left:75%;
width:25%;
height:35px;
background-color: #6db8d1;
color:black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing:2px;
font-size:12px;
line-height:12x;
}

.topmenuTEXT4 {
position:absolute;
margin-left:75%;
margin-top:45px;
float:left;
width:24%;
height:auto;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
font-size:13px;
line-height:18px;
}

.slider {
display:none;
}

.sliderMOBILE {
position:relative;
width:100%;
margin-top:-100px;
height:auto;
}

.bild {
position:absolute;
width:500px;
margin-top:240px;
margin-bottom:600px;
}

.lauftext {
display:none;

}

.lauftextMOBILE {
margin:-100px 0 100px 0;
font-size:1.1em;
line-height:1.4em;
text-align:justify;
position:relative;
width:90%;
height:auto;
padding-left:5%;
padding-right:5%;
}

.lauftextMEMBER {

margin:-100px 0 100px 0;
font-size:1.1em;
line-height:1.4em;
text-align:justify;
position:relative;
width:100%;
height:auto;
}

.laufGBR {
font-size:1.1em;
line-height:1.4em;
text-align:justify;
margin:200px 0 100px 0;
position:relative;
width:100%;
height:auto;
}

.gbrHEADLINE {
margin-top:-100px;
}

.memberFOTO {
position:sticky;
width:100%;
height:auto;

}

.gbrFOTO {
display:none;
}

.gbrFOTOMOBIL {
position:absolute;
width:90%;
height:auto;
margin-bottom:-100px;
}

.infokasten {
position:sticky;
border: solid 3px var(--farbeTUERKIS);
background-color: #e6f4f8;
color:black;
width:90%px;
margin:0 5% 0 5%;
height:auto;
padding:10px;
box-shadow: 10px 10px 8px #dadada;
font-size:1em;
line-height:1.8em;
text-align:left;
}

.infokastenSERVICE {
position:relative;
border: solid 3px var(--farbeTUERKIS);
background-color: #e6f4f8;
color:black;
width:100%;
height:auto;
padding:10px;
font-size:1em;
line-height:1.8em;
text-align:left;
}



.einleitung {
font-family: 'Lustria', serif;
margin:50px 0 100px 0;
font-size:1.2em;
line-height:2em;
color:var(--farbeTUERKIS);
font-style:italic;
text-align:center;
position:relative;
width:90%;
height:auto;
padding-left:5%;
padding-right:5%;
}

.ansprechpartner {
position:relative;
margin:0 450px auto 450px;
width:300px;
height:360px;
border: solid 3px var(--farbeTUERKIS);
background-color: #f3efe9;
box-shadow: 10px 10px 8px #888888;
color:black;
text-align:center;
font-size:1em;
padding:5px;
}

/* Telfon-Sticker rechts */

.telefonSIDE {
display:none;
}

@media only screen and (min-width: 1620px) {
	.stickyTELEFON {
	position:fixed;
	margin-top:350px;
	padding:20px 10px 0px 10px;
	text-align:center;
	width:200px;
	height:70px;
	right:0;
	color:white;
	line-height:1.5em;
	background-color:#9f0202;
	box-shadow: 0px 10px 8px #787878;
	border-radius: 25px 0 0 25px;
	}
}

.footer {
position:sticky;
padding:30px 0 0 30px;
/*margin-top:850px;*/
width:100%;
height:auto;
background-color: var(--farbeTUERKIS);
padding-bottom:50px;
}

.footer1 {
position:relative;
width:90%;
margin-left:5%;
margin-right:5%;
color:white;
font-size:0.9em;
line-height:1.8em;
border-bottom: solid 1px var(--farbeTUERKISHELL);
}

.footer2 {
position:relative;
width:90%;
margin-top:30px;
margin-left:5%;
margin-right:5%;
color:white;
font-size:0.9em;
line-height:1.8em;
border-bottom: solid 1px var(--farbeTUERKISHELL);
}

.footer3 {
position:relative;
width:90%;
margin-top:30px;
margin-left:5%;
margin-right:5%;
color:white;
font-size:0.9em;
line-height:1.8em;
}

.subFOOTER {
position:sticky;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:50px;
z-index:100;
height:auto;
color:white;
border-top: solid 1px var(--farbeTUERKISHELL);
padding-top:50px;
font-style:italic;
font-size:.8em;
text-align:center;
}

/* Kontakt */
.contentMAP {
position:sticky;
width:90%;
max-height:200px;
margin-left:5%;
margin-right:5%;
margin-top:-100px;
margin-bottom:220px;
}

.map {
position:relative;
margin-top:-200px;
width:100%;
}

.kontaktformular {
position:sticky;
border: solid 1px black;
width:80%;
height:500px;
padding:20px 5% 20px 5%;
margin:50px 5% 100px 5%;
background-color: var(--farbeTUERKISHELL);
}

.kontaktadresse {
position:sticky;
border: solid 2px var(--farbeTUERKIS);
width:90%
height:496px;
padding:20px 10px 20px 10px;
margin:100px 5% 100px 5%;
}

input,
textarea {
 font-family: 'Roboto Condensed', sans-serif;
 letter-spacing:2px;
    display: block;
    width:100%;
    height:50px;
    font-size: 1em;
    margin-bottom: 0.8em;
    border: 0.1em solid var(--farbeTUERKIS);
    padding: 5px;
    color:var(--farbeTUEKIS);
}

.subbut {
color: white;
background: rgb(0,122,162);
background: linear-gradient(0deg, rgba(0,122,162,1) 0%, rgba(163,225,245,1) 100%);
width:30%;
height:50px;
border-radius:25px;
border:none;
margin-left:35%;
margin-top:20px;
}



}