/*styles global 2022*/

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

/* Variablen */
:root {
  --GB: #00528c;
}

/* Typographie */
.aktiv {
color:var(--GB);
}

.center {
text-align:center;
}

.poy {
cursor:pointer;
}

h1 {
font-family: 'Playfair Display', serif;
color:black;
font-size:42px;
line-height:36px;
font-weight:400;
letter-spacing:2px;
}

h2 {
font-family: 'Playfair Display', serif;
color:black;
font-size:30px;
line-height:20px;
font-weight:400;
letter-spacing:2px;
}

h3 {
font-size:16px;
line-height:24px;
font-weight:400;
font-family: 'Playfair Display', serif;
color: black;
}

h4 {
font-size:14px;
line-height:1px;
font-weight:400;
font-family: 'Playfair Display', serif;
color: black;
}

h5 {
font-size:16px;
line-height:1px;
font-weight:700;
font-family: 'Playfair Display', serif;
color: var(--GB);
text-align:center;
}

headLINE {
font-family: 'Poppins', sans-serif;
font-size:18px;
font-weight:500;
color: var(--GB);
line-height:32px;
text-transform:uppercase;
}

sliderBU {
font-size:16px;
font-weight:400;
font-family: 'Playfair Display', serif;
color: black;
}

sliderT {
font-size:13px;
font-weight:400;
font-family: 'Playfair Display', serif;
color: #737373;
}

nameT {
font-family: 'Playfair Display', serif;
color:black;
font-size:30px;
line-height:1px;
font-weight:400;
letter-spacing:2px;
}

memberinfo {
font-size:16px;
line-height:24px;
text-align:left;
font-weight:400;
font-family: 'Playfair Display', serif;
margin-bottom:10px;
}

ausbildung{
font-size:16px;
line-height:1px;
font-weight:400;
font-family: 'Playfair Display', serif;
font-style:italic;
color: #636363;
margin-top:-10px;
}

kastentext{
font-size:15px;
line-height:24px;
font-weight:400;
font-family: 'Poppins', sans-serif;
color: #636363;
margin-top:-10px;
text-align:justify;
}

body {
background-image: linear-gradient(to right, white,#e1e1e1,white);
font-family: 'Poppins', sans-serif;
color:#656565;
margin:0;
padding:0;
}

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

a:visited {
color:#00528c;
text-decoration:none;
}

a:hover {
color:#00528c;
text-decoration:underline;
}


close {
font-family: 'Poppins', sans-serif;
text-transform:uppercase;
font-size:13px;
font-weight:400;
letter-spacing:1px;
cursor:pointer;
}

/* Grafische Elemente */
.bRIGHT {
border-right: solid 1px white;
}

.cWEISS {
color:white;
}

.flLEFT {
float:left;
}
.flNONE {
float:none;
}

.rahmen {
border:solid 1px var(--GB);
}

/* Top-Bar */
.topBAR {
width:100%;
height:50px;
background-color:var(--GB);
position:fixed;
top:0;
color:white;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.51); 
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.51);
}

#topBARBUTTONPLUS {
width:40px;
height:40px;
float:left;
}
#topBARBUTTONMINUS {
display:none;
width:40px;
height:40px;
float:left;
}

.containerTOPBAR {
width:1200px;
height:auto;
margin:5px auto 5px auto;
color:white;
font-size:13px;
}

.topBARKONTAKT {
right:0;
text-align:right;
color:white;
width:1160px;
line-height:40px;
}
.topBARKONTAKT img {
vertical-align:-7px;
margin-right:5px;
}

#selLAN {
width:100px;
height:30px;
line-height:30px;
border:solid 1px #9a9a9a;
font-size:12px;
overflow:scroll;
color:#9a9a9a;
padding-left:10px;
}
#selLAN img {
width:24px;
height:15px;
vertical-align:-3px;
margin-left:5px;

}

#sprachwahl {
display:block;
border-right: solid 1px grey;
width:40px;
height:20px;
overflow:hidden;
color:9a9a9a;
//margin: 0 auto 0 auto;
text-align:right;
padding-right:5px;
font-size:16px;
font-weight:500;
line-height:20px;
cursor:pointer;
float:left;
}

#sprachwahlBIG {
display:none;
border-right: solid 1px grey;
width:40px;
height:40px;
overflow:hidden;
color:9a9a9a;
//margin: 0 auto -20px auto;
text-align:right;
padding-right:5px;
font-size:16px;
font-weight:500;
line-height:20px;
cursor:pointer;
float:left;
}




#menuBAR {
display:none;
width:200px;
height:auto;
background-color:var(--GB);
padding:30px 10px 30px 10px;
color:white;
position:fixed;
left:0;
top:20%;
-webkit-box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.51); 
box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.51);
animation-name:move;
animation-duration:.5s;
}

@keyframes move {
	from {
left:-200px;
			}
			to {
left:0;
			}
}

.menuBARITEM {
width:200px;
height:60px;
font-size:14px;
line-height:60px;
border-bottom:dashed 1px white;
}


/* Sidebar */
.sidebar {
position:fixed;
display:block;
width:50px;
height:100px;
top:20%;
right:0;
background-color:var(--GB);
color:white;
text-align:center;
padding-top:10px;
-webkit-box-shadow: -3px 7px 7px 4px rgba(0,0,0,0.3); 
box-shadow: -3px 7px 7px 4px rgba(0,0,0,0.3);
cursor:pointer;
}
#sidebarINFO {
z-index:20;
display:none;
background-color:white;
position:fixed;
width:300px;
height:300px;
border-top:solid 2px #636363;
border-left:solid 2px #636363;
border-bottom:solid 2px #636363;
border-color:var(--GB);
top:20%;
right:0;
-webkit-box-shadow: -3px 7px 7px 4px rgba(0,0,0,0.3); 
box-shadow: -3px 7px 7px 4px rgba(0,0,0,0.3);
padding:5px;
}

#sidebarINFO img {
border:solid 3px #bdbdbd;
height:100px;
width:80px;
float:left;
}

.rruf {
z-index:100;
width:310px;
height:165px;
margin-left:-5px;
margin-top:50px;
background-color:var(--GB);
color:white;
text-align:center;
padding-top:20px;
}

.sidebarTEXT {
color:red;
font-family: 'Playfair Display', serif;
font-size:13px;
margin-left:100px;
margin-top:3px;
}


.container {
width:1200px;
height:auto;
//min-height:4000px;
background-color: white;
border-left: solid 1px #d3d3d3;
border-right: solid 1px #d3d3d3;
margin:75px auto 0 auto;
padding-bottom:100px;
}

.phonezeile {
width:1200px;
height:30px;
border-bottom: solid 1px #d3d3d3;
padding:10px 0 15px 0;
//text-align:center;
}

.kontaktiert {
width:500px;
height:auto;
color:#8B2323;
margin: 10px auto 0 auto;
//background-color:blue;
text-align:center;
font-family: 'Playfair Display', serif;
} 

.menuezeile {
margin-top:30px;
width:1180px;
height:150px;
}

.logo {
float:left;
width:300px;
height:150px;
position:relative;
}

.menue {
width:800px;
float:left;
height:150px;
text-align:right;
font-weight:300;
letter-spacing:.5px;
font-size:16px;
color:#333333;
line-height:80px;
}

.nurTEXT {
width:1000px;
height:auto;
padding:50px 50px 50px 100px;
text-align:justify;
}

.aufmacherzeile {
float:none;
width:1180px;
height:700px;
text-align:center;
margin-bottom:100px;
}

.teamzeile {
width:1180px;
height:auto;
text-align:center;
border-top:solid 1px #b0b0b0;
}

.buttonzeile {
margin-top:50px;
width:1000px;
margin-left:100px;
height:60px;
text-align:center;
border-top:solid 1px #b0b0b0;
border-bottom:solid 1px #b0b0b0;
overflow:hidden;
margin-bottom:20px;
}

.buttonLEISTUNG {
font-family: 'Playfair Display', serif;
float:left;
line-height:60px;
width:333px;
height:60px;
}

.teaserzeile {
margin-left:50px;
padding: 0 50px 0 50px;
width:1200px;
height:450px;
text-align:left;
}

.teaser {
font-family: 'Playfair Display', serif;
float:left;
font-size:14px;
line-height:18px;
margin-right:50px;
width:300px;
height:480px;
overflow:hidden;
}

.teaser img {
margin-bottom:20px;
}

#read_more1 {
width:240px;
height:40px;
margin-left:30px;
margin-top:20px;
background: rgb(0,82,140);
background: linear-gradient(90deg, rgba(0,82,140,1) 0%, rgba(162,200,236,1) 100%);
color:white;
border-radius:10px;
font-family: 'Poppins', sans-serif;
text-align:center;
line-height:40px;
text-transform:uppercase;
letter-spacing:1px;
cursor:pointer;
}

#read_more1A {
display:none;
width:240px;
height:40px;
margin-left:30px;
margin-top:20px;
background: rgb(0,82,140);
background: linear-gradient(90deg, rgba(0,82,140,1) 0%, rgba(162,200,236,1) 100%);
color:white;
border-radius:10px;
font-family: 'Poppins', sans-serif;
text-align:center;
line-height:40px;
text-transform:uppercase;
letter-spacing:1px;
cursor:pointer;
}
#read_more2 {
width:240px;
height:40px;
margin-left:30px;
margin-top:20px;
background: rgb(0,82,140);
background: linear-gradient(90deg, rgba(0,82,140,1) 0%, rgba(162,200,236,1) 100%);
color:white;
border-radius:10px;
font-family: 'Poppins', sans-serif;
text-align:center;
line-height:40px;
text-transform:uppercase;
letter-spacing:1px;
cursor:pointer;
}
#read_more2A {
display:none;
width:240px;
height:40px;
margin-left:30px;
margin-top:20px;
background: rgb(0,82,140);
background: linear-gradient(90deg, rgba(0,82,140,1) 0%, rgba(162,200,236,1) 100%);
color:white;
border-radius:10px;
font-family: 'Poppins', sans-serif;
text-align:center;
line-height:40px;
text-transform:uppercase;
letter-spacing:1px;
cursor:pointer;
}
#read_more3 {
width:240px;
height:40px;
margin-left:30px;
margin-top:20px;
background: rgb(0,82,140);
background: linear-gradient(90deg, rgba(0,82,140,1) 0%, rgba(162,200,236,1) 100%);
color:white;
border-radius:10px;
font-family: 'Poppins', sans-serif;
text-align:center;
line-height:40px;
text-transform:uppercase;
letter-spacing:1px;
cursor:pointer;
}
#read_more3A {
display:none;
width:240px;
height:40px;
margin-left:30px;
margin-top:20px;
background: rgb(0,82,140);
background: linear-gradient(90deg, rgba(0,82,140,1) 0%, rgba(162,200,236,1) 100%);
color:white;
border-radius:10px;
font-family: 'Poppins', sans-serif;
text-align:center;
line-height:40px;
text-transform:uppercase;
letter-spacing:1px;
cursor:pointer;
}

.read_more:hover {
background:none;
background-color:black;
-webkit-box-shadow: 2px 2px 15px -2px #4A4A4A; 
box-shadow: 2px 2px 15px -2px #4A4A4A;
text-decoration:none;
}



/* Bereich TEAM */
.teamslider_container {
width:1000px;
height:auto;
margin-left:95px;
border-top: solid 1px #737373;
//border-bottom: solid 1px #737373;
margin-left:90px;
padding-top:30px;
/*padding:50px 0 50px 0;*/
}

.teamslider {
width:1065px;

/*margin-left:90px;*/
height:auto;
min-height:300px;
}

#member, #bernd_clasen, #susanne_heynitz, #anneke_lenaerts, #Christoph, #daniel_jetel, #detlef_hollatz, #dietrich_altergott, #hubert_leschnik, #ewa_gerkens, #kaja_nygaard, #klaus_schellin, #magdalena_huebsch, #paul_dahms, #piero_pironti, #szymon_koszowski, #torsten_lorenz, #willy, #yvonne_lewinski, #justyna {
display:none;
width:900px;
margin-left:95px;
min-height:400px;
height:auto;
background-color:white;
border: solid 1px #a6a6a6;
text-align:left;
padding:50px;
-webkit-box-shadow: 3px 3px 15px 3px #919191; 
box-shadow: 3px 3px 15px 3px #919191;
cursor:pointer;
}

#nachlasspfleger, #gerichte, #privatpersonen, #nachlasspflegerL, #nachlasspflegerK, #gerichteL, #gerichteK, #privatpersonenL, #privatpersonenK {
display:none;
width:900px;
margin-left:95px;
margin-bottom:50px;
//min-height:1200px;
height: auto !important;
background-color:white;
border: solid 1px #a6a6a6;
text-align:left;
padding:50px;
-webkit-box-shadow: 3px 3px 15px 3px #919191; 
box-shadow: 3px 3px 15px 3px #919191;
}

minimenu {
font-family: 'Playfair Display', serif;
font-size:14px;
text-transform:uppercase;
color: #636363;
text-align:center;
line-height:50px;
}

.HLfeld {
color:white;
margin: -50px 150px 0 -50px;
background-color:var(--GB);
width:1000px;
height:70px;
font-weight:400;
font-size:40px;
text-align:center;
line-height:15px
}

.innentext {
width:450px;
height:auto;
padding-top:60px;
float:left;
}

.infokasten {
width:350px;
height:auto;
padding:20px;
background-color:var(--GB);
color:white;
font-size:14px;
}


.memberINFO {
width:400px;
height:auto;
margin-left:500px;
margin-top:-350px;
}

.datarow {
width:400px;
/*border: solid 1px red;*/
height:auto;
vertical-align:center;
margin-top:40px;
}

.icon {
width:30px;
height:40px;
margin-right:20px;
margin-bottom:10px;
float:left;

}

.data {
width:300px;
height:40px;
overflow:hidden;
margin-bottom:10px;
float:none;
}

.membertext {
width:900px;
min-height:240px;
height:auto;
overflow:scroll;
/*border: solid 1px red;*/
margin-top:200px;
}

#teamfoto {
width:1000px;
height:auto;
margin-top:20px;
margin-left:90px;
}

/***********ABOUT********/
#about {
width:1180px;
margin-top:100px;
padding-top:50px;
height:auto;
text-align:center;
border-top:solid 1px #b0b0b0;
}

/* Kontakt */
#kontakt {
width:1200px;
height:auto;
color:black;
margin-top:100px;
margin-bottom:10px;
border-top:solid 1px #b0b0b0;
//border-bottom:solid 1px #b0b0b0;
padding:50px 0 50px 0;
}

.kontaktPERSO {
width:800px;
height:auto;
min-height:250px;
border:solid 1px #c2c2c2;
margin:0 auto 0 auto;
padding:20px;
}
.kontaktBILD {
width:200px;
height:250px;
float:left;
margin-right:100px;
}

.koo {
display:none;
}

.karte {
width:1200px;
padding:0 0 20px 0;
text-align:center;
margin-bottom:50px;
}

.formkontakt {
width:1200px;
height:auto;
padding:0 100px 0 400px;
}

label {
color:black;
font-size:13px;
}

input, textarea {
width:400px;
height:30px;
background-color:#daecf8;
color:var(--GB);
border:solid 1px black;
border-radius:6px;
font-size:14px;
line-height:14px;
padding:3px;
}

input[type=submit] {
width:100px;
height:50px;
background-color:var(--GB);
color:white;
margin-left:150px;
}

input[type=submit]:hover {
-webkit-box-shadow: 3px 3px 15px 3px #919191; 
box-shadow: 3px 3px 15px 3px #919191;
}


/* Footer */
.footer {
width:100%;
background-color:var(--GB);
height:auto;
min-height:300px;
bottom:0;
}

.containerFOOTER {
width:1200px;
height:auto;
margin:75px auto 0 auto;
padding-bottom:50px;
padding-top:50px;
color:white;
font-size:13px;
line-height:20px;
}

.footerSP {
width:300px;
height:auto;
}