/*
dunkelgrün: #074777;
grün: #1bace2
hellgrün: #e2f4f8


*/

@font-face {
    font-family: 'abelregular';
    src: url('../webfonts/abel-regular-webfont.woff2') format('woff2'),
         url('../webfonts/abel-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playfair_displayregular';
    src: url('../webfonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('../webfonts/playfairdisplay-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


nav, header, footer, aside, article { display:block;  position:relative;}
body, div, p, ul, ol, li, img, h1, h2, h3, h4, nav, header, footer, aside, article { margin:0; padding:0; }
		
			

body { border:0px solid blue; background-color: #fff;   color: #074777; font-size:1em; line-height:1.5; text-align:left; font-family:'abelregular', 'Candara', 'Arial','Helvetica', sans;  margin:0px; padding:0px;  height:100%;  }


p, ul, ol, li { margin:1.2em 0px .5em 0px; padding:0px; }
h1, h2, h3, h4, h5 { margin:1.6em 0px .5em 0px; padding:0px; }

ul, ol { margin:1.2em 0px .5em 2em; padding:0px; }

table { margin:.5em 0px; padding:0px; }		
td { margin:.5em; padding:.2em .4em;  background-color:rgba(200,200,200,.3); }
		
		
p { margin: 0 0 1em 0; padding:0; }
p.Einleitung { font-size:1.05em;}
a img { border-width:0px; max-width:100%;}
img {max-width:100%; }

a {text-decoration:underline; color:#1bace2; transition: all .15s; }
a:hover {text-decoration:none; background-color:#1bace2; color:#fff; padding:0 2px; margin:0 -2px;}

h1 {font-family:'playfair_displayregular', Georgia, serif; font-size:1.8em; line-height: 1.2; font-weight:normal; }
h2 {font-family:'playfair_displayregular', Georgia, serif; font-size:1.5em; line-height: 1.2; font-weight:normal;  margin:1.5em 0px .5em 0px;}
h3 {  font-size:1.5em; line-height: 1.2; font-weight:normal; }
h4 {  font-size:1.2em; line-height: 1.2; font-weight:bold; }
h5 {  font-size:1.0em; line-height: 1.2; font-weight:bold; margin:1em 0px 0em 0px; }


h1.home {background-color:#1bace2; color:#fff; margin-top:0; padding:.4em .8em;  font-size:1.8em;}


.klein {font-size:.8em; line-height:1.2;}
.at {margin:0px; margin-bottom: -3px; }
.klein .at { -ms-transform: scale(.8);-webkit-transform: scale(.8); transform:scale(.8);}
.floatEnde { clear:both;  }
.schwebtRechts { float:right;  }
.mittig {width:100%; text-align:center;}

	
header {line-height:150%;}
.fontAbel {font-family:'abelregular', 'Candara', 'Arial','Helvetica', sans;}
.fontPlayfair {font-family:'playfair_displayregular', Georgia, serif; font-size:1.1em; letter-spacing:1px;}

header span.x115 {font-size:1.15em; }
header span.x80 {font-size:.6em; padding-top:0px; display:inline-block; color:#1bace2;}

#Logo {text-align: center;padding: 20px 0;display: inline-block;position:relative;left: 50%; margin-left: -10.8em;
		 -ms-transform: scale(1);-webkit-transform: scale(1); transform:scale(1);}
		 
#Logo a {display:inline-block; background-color:transparent; -ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1); transition: all .2s;  }
#Logo a:hover {  -ms-transform: scale(1.1);-webkit-transform: scale(1.1); transform: scale(1.1); }


#Logo hr {border:0; border-top:2px solid #1bace2; margin: 6px 0  4px 0 ;padding:0;}

#Bildleiste {  width:100%; height:100px; 
				background-color: #cacaca; background-image:url(../gfx/Kopf.jpg); background-position:540px 0; background-repeat:no-repeat; 
				border-top:2px solid #1bace2;  border-bottom:2px solid #1bace2; line-height:.1em; overflow:hidden;}
#Bildleiste {  background-color: #dfe5e5; background-image:url(../gfx/bg.jpg); background-position:100% 0;height: 100px; overflow:hidden; }
#Bildleiste img { margin-right:8px; }


nav { background-color: #e2f4f8; width:100%; text-align:center; padding-top:10px; font-size:1.5em; line-height:1.1;}

	#Navi div.tel {float:right; z-index:+1; position:relative;background-color: #fff; padding:3px 12px 0px 12px; margin:10px 15px 0px 0px; font-size:.86em; border-radius:1em; box-shadow: inset 0px 2px 4px rgba(0,0,0,.25); }

	#Navi div.tel a {text-decoration:none;  color: #074777;}
	#Navi div.tel a:hover {text-decoration:none;  background-color:transparent; color: #1bace2; }




	#Navi ul  			{display:block; margin:0; padding:0;position:relative;}
	#Navi ul li  		{display:inline-block; position:relative; margin:0;padding:0; }
	#Navi ul li.wahl  	{background-color: #fff; box-shadow: 0px -4px 4px rgba(0,0,0,.2);}
	#Navi ul li ul li.wahl { box-shadow: 0px 0px 6px rgba(0,0,0,.5);}
	#Navi ul li a 		{display:inline-block; margin:0; padding:.4em .8em; text-decoration:none; color: #074777; }
	#Navi ul li a:hover	{ color:#fff; background-color: #1bace2;}
	#Navi ul li a span { display:inline; }
	#Navi ul li ul 		{ display:none; position:absolute; background-color:rgba(200, 235, 255, 0.9); left:0;z-index:+1; max-height:0px; ;}

	#Navi ul li ul li 	{display:inline-block; width:100%;}
	#Navi ul li ul li a	{font-size:.85em; width:100% ;padding:.6em 0; }
	#Navi ul li:hover ul {display:block; max-height:220px; }





#main {margin: 0 auto; padding:30px 7%; max-width:1000px; background-color:white; margin-top:0px;position:relative;}


.Foto-volleBreite { display:block; padding:0px; margin-bottom: 0px;  margin-top:40px; width:100%; line-height:.9em; }
.Foto-r { padding:0px; margin-left:2em; margin-bottom: 2em; border:0px solid #1bace2;  margin-top:.3em;}
.Foto-l {float:left !important; padding:0px; margin-right:2em; margin-bottom: 2em; border:0px solid #1bace2;  margin-top:.3em;}
.Foto-breit { float:right; max-width:55%; margin-top:-12px;}
.Foto-schmal { float:right; margin-left:2em; max-width:50%;}

div.OSMRouting {  display:inline-block; position:relative; top:60px;left:50px; z-index:+10;   box-shadow: -2px 1px 5px rgba(0,0,0,.5);border-radius:4px;}
div.OSMRouting  a { background-color: #1bace2; display:inline-block;  padding:6px 8px;margin:0;border-radius:4px;}
div.OSMRouting  a:hover { background-color: #074777; margin:0; }





div.Box4 {    display: -webkit-flex; display: flex;   
    		-webkit-flex-wrap: wrap;   flex-wrap: wrap;

    -webkit-justify-content: space-around; 

    justify-content: space-around;
    
    }
    
a   div.Box4 { display:inline-block;    }
    
    
article {}
article.Team { width:223px; border-right:1px dotted #1bace2; }
article.WExtras { width:164px; border:1px dotted #1bace2; padding:1em 2em .5em 2em; margin-top:30px; border-radius:4px;  background-color:rgba(200, 235, 255, 0.15);}


article.Anwaelte { width:240px; border-right:1px dotted #1bace2; }

article h2 {background-color:#1bace2; color:#fff; margin-top:0; padding:.4em .8em;  font-size:1.5em;}
article.Anwaelte h2 {  font-size:1.1em;}
article h4 {  font-size:1.0em;}
article ul li { margin-top:0; margin-bottom:0;}


#main div.Box4 a article.Anwaelte  {  text-decoration:none !important; }



div.AnwaltWidget { float:right; width:33%; min-width:235px; margin: 0 0 1em 2em;}
div.AnwaltWidget ul.centeredPipeList{ display:none;}



div.AnwaltWidget2 { float:right; width:33%; min-width:235px; margin: 0 0 1em 2em;border:2px solid #1bace2;font-size:.9rem;;}
div.AnwaltWidget2 h3 { background-color:#1bace2;margin-top:0; color:#fff; padding: .2em 10px; font-size:1.4em;}

div.AnwaltWidget2 p { padding: .3em 10px; font-size:1.0em;}

div.AnwaltWidget2 section {  margin: .3em 10px; padding: .3em 0; font-size:1.0em; border-top:1px solid #ddd;}
div.AnwaltWidget2 section h5 {  font-size:1.1em;margin-top: .4em;}
div.AnwaltWidget2 section p { padding: .3em 0px; margin: 0;}

div.AnwaltWidget2 p.Bewertung { color:#ff9600; letter-spacing:2px; font-size:1.2em;}




footer { background-color: #e2f4f8; text-align:center; padding:30px 7%; font-size:1.0em; line-height:1.4;}


footer div.webakte {float:left; margin:-12px 20px 10px 0;  }
div.webakte a {display:inline-block;padding:2px;margin:0; }
div.webakte a img { padding:2px;}


div.footerLinks {   }

/****** Media Queries  ********/



@media screen and (max-width:820px)
	{
		nav {  padding-top:10px; font-size:1.35em;}
		
		#Navi div.tel { margin:8px 15px 0px 5px;  }

		#Navi ul li a { padding:.4em .4em; }
		
		#main { padding:1em 6%;}
		img.Foto-breit { margin-top:0px;}
		
		h1.home {  font-size:1.5em;}

		footer {  padding:30px 6%;}

	}



@media screen and (max-width:680px)
	{	
		#Logo { -ms-transform: scale(.8);-webkit-transform: scale(.8);transform:scale(.8); margin-left: -10.9em;padding: 0px 0;}
		nav { font-size:1.5em;}
		#Navi div.tel { position:absolute; right:10px; margin-top:-2.46em; margin-right:0;  float:none; width:auto; }
		#Navi ul li a span { display:none; }
		#main { padding:.1em 4%;}
		footer {  padding:30px 4%;}
		img.Foto-breit {float:none; max-width:95%; margin-left:0;}
		img.Foto-volleBreite {   margin-top:30px; }

	}


@media screen and (max-width:520px)
	{
		#Logo { -ms-transform: scale(.6);-webkit-transform: scale(.6); transform:scale(.6);  margin-left: -10.8em;padding: 0px 0;}
		#Bildleiste { display:none; }
		
		nav { font-size:1.2em;}
		
		h1.home {  font-size:1.3em;}
		#Navi div.tel { margin-right:8px; margin-top:-2.1em; padding:4px 12px 4px 12px; border:1px solid #e2f4f8; box-shadow: inset 0px -2px 4px rgba(0,0,0,.4);  }
		
		img.Foto-r { margin-left:1em; margin-bottom: 1em; }
		
		div.AnwaltWidget { float:none; width:100%;  margin: 2em 0em 1em 0em;}
	}


@media screen and (max-width:480px)
	{
		nav { font-size:1.0em;}
	}


@media screen and (max-width:440px)
	{
		nav { font-size:1.0em;}
	}









-->