@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

* {
	margin: 0;
	padding: 0;
	}

::selection{background:rgba(0,0,0,0.1)}
::-moz-selection{background:rgba(0,0,0,0.1)}
	

body {font-family: 'FiraSans-Regular', sans-serif; color:#868686; max-width:480px;}

h2 { color: #b18481}

a:link {text-underline-offset: 2px;}





@font-face {
  font-family: 'FiraSans-Regular';
  src: url('../fonts/FiraSans-Regular.eot');
  src: url('../fonts/FiraSans-Regular.woff2') format('woff2'),
       url('../fonts/FiraSans-Regular.woff') format('woff'),
       url('../fonts/FiraSans-Regular.ttf') format('truetype'),
       url('../fonts/FiraSans-Regular.eot?#iefix') format('embedded-opentype');
  font-style: normal;
}

@font-face {
  font-family: 'FiraSans-Italic';
  src: url('../fonts/FiraSans-Italic.eot');
  src: url('../fonts/FiraSans-Italic.woff2') format('woff2'),
       url('../fonts/FiraSans-Italic.woff') format('woff'),
       url('../fonts/FiraSans-Italic.ttf') format('truetype'),
       url('../fonts/FiraSans-Italic.eot?#iefix') format('embedded-opentype');
  font-style: italic;
}


@font-face {
  font-family: 'FiraSans-SemiBold';
  src: url('../fonts/FiraSans-SemiBold.eot');
  src: url('../fonts/FiraSans-SemiBold.woff2') format('woff2'),
       url('../fonts/FiraSans-SemiBold.woff') format('woff'),
       url('../fonts/FiraSans-SemiBold.ttf') format('truetype'),
       url('../fonts/FiraSans-SemiBold.eot?#iefix') format('embedded-opentype');
  font-style: normal;
}

@font-face {
  font-family: 'FiraSans-SemiBoldItalic';
  src: url('../fonts/FiraSans-SemiBoldItalic.eot');
  src: url('../fonts/FiraSans-SemiBoldItalic.woff2') format('woff2'),
       url('../fonts/FiraSans-SemiBoldItalic.woff') format('woff'),
       url('../fonts/FiraSans-SemiBoldItalic.ttf') format('truetype'),
       url('../fonts/FiraSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype');
  font-style: italic;
}




@font-face {
  font-family: 'FiraSans-Medium';
  src: url('../fonts/FiraSans-Medium.eot');
  src: url('../fonts/FiraSans-Medium.woff2') format('woff2'),
       url('../fonts/FiraSans-Medium.woff') format('woff'),
       url('../fonts/FiraSans-Medium.ttf') format('truetype'),
       url('../fonts/FiraSans-Medium.eot?#iefix') format('embedded-opentype');
  font-style: normal;
}

@font-face {
  font-family: 'FiraSans-MediumItalic';
  src: url('../fonts/FiraSans-MediumItalic.eot');
  src: url('../fonts/FiraSans-MediumItalic.woff2') format('woff2'),
       url('../fonts/FiraSans-MediumItalic.woff') format('woff'),
       url('../fonts/FiraSans-MediumItalic.ttf') format('truetype'),
       url('../fonts/FiraSans-MediumItalic.eot?#iefix') format('embedded-opentype');
  font-style: italic;
}



 
/*
body {font-family: 'FiraSans-Regular', sans-serif;}

@font-face  { font-family:'FiraSans-Regular';
src: url('2FCE68_0_0.ttf') format('truetype'), url('2FCE68_0_0.woff') format('woff'), url('2FCE68_0_0.woff2') format('woff2'), url('2FCE68_0_0.eot') format('embedded-opentype');
src:local('FiraSans-Regular'), local('OfficinaSansITCStd-Bold'); }	

*/


.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 676px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	clear: none;
	float: none;
}

#header {
	width:100%;
	height:117px;
	}
	
#logo, #logo-en { width: 57%; height: 62px; background-image:url(../bilder/hornbanger-logo-2023.png); background-size:100%; background-repeat:no-repeat; float:left; margin-top: 35px; margin-left:25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; *behavior: url(/scripts/boxsizing.htc);}
#logo-en { background-image:url(../bilder/hornbanger-logo-2023-en.png);}
#sprachen { min-width: 40px; height:78px; text-align:right; float:right; margin-right:25px; padding-top: 20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; *behavior: url(/scripts/boxsizing.htc);}
#sprachen a:link, #sprachen a:visited  { font-family:'FiraSans-Regular', sans-serif;  text-decoration:none; color:#868686;}
#sprachen a:active, #sprachen a:focus, #sprachen a:hover {color:#b18481;} 
.selected { color:#b18481; }

#nav-klein {min-width: 320px; height:78px; font-size: 0.85em; text-align:right; float:right;}
#wer, #toplawyer, #kathrin { height:78px; text-align:left; float:right; margin-right:15px; padding-top: 20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; *behavior: url(/scripts/boxsizing.htc);}
#toplawyer {margin-right:23px;}
#wer a:link, #wer a:visited, #toplawyer a:link, #toplawyer a:visited, #kathrin a:link, #kathrin a:visited  { font-family:'FiraSans-Regular', sans-serif;  text-decoration:underline; color:#868686; }
#wer a:active, #wer a:focus, #wer a:hover, #toplawyer a:active, #toplawyer a:focus, #toplawyer a:hover, #kathrin a:active, #kathrin a:focus, #kathrin a:hover {color:#b18481;} 


#div1, #div3, #div4 {
	width:100%;
	background-repeat:no-repeat;
	background-size: auto 464px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	*behavior: url(/scripts/boxsizing.htc);
	margin-bottom:25px;
	position:relative;
	border-top: solid;
	border-color: #b18481;
}

#div3, #div4 { background-image: none;
	height: auto;
	background-color: white;
	padding:25px;
	font-size: 14px;
	}

#div1 a:link, #div1 a:visited { color: white; }
#div1 a:active, #div1 a:focus, #div1 a:hover { color: #b18481; }

#zitat-de, #zitat-en { background: rgba(0,0,0,0.4); color:white; font-size:17px; padding: 20px 25px 0 25px; line-height:23px; text-align:justify; position:absolute; bottom:0;}
#name { color:#b18481; text-align:right; font-size:14px; padding-bottom: 15px;}

.teiler {color:#b18481;}

#uc { padding:35px 25px; font-size:14px;}

.zeroMargin_mobile {
    margin-left: 0;
}


#trend-box {width: 100%; float: left;}
#siegel-bild {width: 110px;}
.siegel-bild-box {float: right; width: 110px;}
#ts {float: right;}


.socialmedia {height: 35px; width: 35px; background-size: 100%; margin-top: 5px; margin-left: -1px;}
#facebook { background-image: url("../bilder/facebook.jpg"); background-repeat: no-repeat;}
#twitter { background-image: url("../bilder/twitter.jpg"); background-repeat: no-repeat;}

#linkedin { background-image: url("../bilder/linkedin-btn.png"); background-repeat: no-repeat;}


#facebook:hover { background-image: url("../bilder/facebook-ho.jpg");}
#twitter:hover { background-image: url("../bilder/twitter-ho.jpg");}

#linkedin:hover { background-image: url("../bilder/linkedin-btn-ho.png")}



#footer, #trend-siegel, #trend-siegel-en, #datenschutz { width: 100%; padding: 0 25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; *behavior: url(/scripts/boxsizing.htc); font-size:14px; }

#footer a:link, #footer a:visited  { text-decoration:none; color:#868686;}
#footer a:active, #footer a:focus, #footer a:hover {color:#b18481;} 

#datenschutz a:link, #datenschutz a:visited  { text-decoration:underline; color:#868686;}
#datenschutz a:active, #datenschutz a:focus, #datenschutz a:hover {color:#b18481;} 

#div3 a:link, #div3 a:visited  { text-decoration:none; color:#868686;}
#div3 a:active, #div3 a:focus, #div3 a:hover {color:#b18481;} 



#ts {font-family: 'FiraSans-Medium', serif; font-size: 24px;}
#ts-text {font-family: 'FiraSans-Medium', serif; font-size: 16px; line-height: 20px; padding-left: 0; margin-left: 0;}


.f-t { float:left;}

#abschluss { width:100%; height:5px; background-color:#b18481; margin-top:20px; margin-bottom:25px; }
#datenschutz { margin-bottom:50px; padding-bottom: 50px; }

.hide_mobile_mini {
    display: none;
}



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

	
#zitat-de, #zitat-en { font-size:13px; line-height:19px;}
#name { font-size:12px;}

#footer, #uc, #datenschutz { font-size:14px; }

.mobile-sign { display: block;}
	
.f-t { width: 100%;}

}



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

body { max-width:100%;}

#logo, #logo-en { width: 283px; height: 62px; }

#nav-klein {min-width: 780px; }

#div1 {
	background-size:100% auto;
}

#zitat-de, #zitat-en { font-size:19px; line-height:26px;}
#name { font-size:16px;}

#footer, #uc { font-size:15px;  }
	
.f-t { width: auto;}

.hide_mobile {
    display: none;
}

}




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


#nav-klein {font-size: 16px;}
#wer, #toplawyer, #kathrin {margin-right: 25px;}

}




/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 960px) {
	
body {background-image:url(../bilder/stripe-gold.jpg); background-repeat:repeat-x;}

.gridContainer {
	width: 75%;
	min-width:960px;
	max-width: 1280px;
	padding-left: 0.625%;
	padding-right: 0.625%;
	clear: none;
	float: none;
	margin-left: auto;
	margin-right:auto;
}

#logo, #logo-en, #sprachen, #footer, #uc, #datenschutz { padding-left:0; padding-right:0; margin-left:0; margin-right:0;}
#sprachen {position: relative;  z-index: 1000;}

#nav-klein {min-width: 600px; font-size: 17px;}
	
#wer { height:78px; text-align:right; float:right; padding-top: 70px;}
#kathrin {  padding-top: 70px; float:right; }
#toplawyer {  padding-top: 70px; margin-right:-55px; }


#header, #footer, #uc, #trend-siegel, #trend-siegel-en, #datenschutz { width:960px; margin: 0 auto;}
	

#ts { margin-top: -3px; margin-left: 25px; }
#ts-text {float: right}


#div1, #div3, #div4 {
	width:960px;
	min-height:464px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../bilder/ra_dr_kathrin_hornbanger.jpg);
	float:none;
	clear:both;
}
	
#div3, #div4 { background-image: none;
	height: auto;
	padding: 70px 100px;
	}
	
#div4 {padding: 25px;}


#mobile-bild { display:none;}
	.mobile-sign { display: none;}


#uc { padding-top:10px;}


.zeroMargin_desktop {
    margin-left: 0;
}

.hide_desktop {
    display: none;
}

.hide_mobile_mini {
    display: block;
}


	#trend-siegel, #trend-siegel-en {padding-right:0px}

}