/*----------------------------------------------------------------big-screen-------------------------------------------------------------------*/
@-ms-viewport {width: device-width; zoom:1;}
@-o-viewport {width: device-width; zoom:1;}
@viewport {width: device-width; zoom:1;}
@media only screen and (min-width: 1205px) {
	/* krona-one-regular - latin */
@font-face {
  font-family: 'Krona One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/krona-one-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Krona One'), local('KronaOne-Regular'),
       url('../fonts/krona-one-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/krona-one-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/krona-one-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/krona-one-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/krona-one-v5-latin-regular.svg#KronaOne') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

.gelb, i{
	color: #D8A300; /**gelb**/
}
.blue{
	color: #002040;
}
.bold2{
	font-weight: 700;
}
* {
	padding: 0;
	margin: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h1 {
	font-size: 30px;
	color: #002040; /**darkblue**/
}
.box{
	display: inline-block;
}
h1.underline{
	margin-bottom: 15px;
}
h1.underline:after{
	content: '';
	display: block;
	margin: auto;
	margin-top: 10px;
	height: 1px;
	width: 0px;
	width: 100%;
	background: #ccc;
}
h2 {
	font-size: 15px;
	color: #002040; /**darkblue**/
}
h3 {
	font-size: 14px;
	color: #002040; /**darkblue**/
}
img {
	display: block;
}
.img{
	border: 0px solid white;
}
.text p{
	margin-bottom: 15px;
}
a:link, a:visited{
	color: #002040; /**darkblue**/
	text-decoration: none;
}
a:hover, a:focus, a:active{
	color: #333;
	text-decoration: none;
	transition: .3s all ease;
}
body, html {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	background-color: #fff;
	-webkit-text-size-adjust: none;
	color: #888;
	letter-spacing: .04em;
}
body {
	padding-top: 170px;
}
#page-wrapper{
	position: relative;
}
.mitt{
	text-align: center;
}
.wrap{
	width: 1300px;
	margin: 0 auto;
}
@media only screen and (max-width: 1348px){
	.wrap{
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}
}
#header-wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background: #fff;
}
header{
	background: #fff;
	width: 100%;
}
.main-head{
	height: 120px;
	transition: all 500ms ease-in-out;
}
.ten, #service{
	transition: all 2s ease-in-out;
}
#wrap{
	height: 120px;
}
header .height{
	height: 120px;
}
#logo{
	float: left;
	height: 100%;
	width: auto;
	padding: 10px 0;
}
#logo h1.sup{
	font-family: 'Krona One', sans-serif;
	font-size: 32px;
	color: #002040; /**dark-blue**/
	letter-spacing: 0em;
}
#logo h1.sub{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .41em;
	margin: 3px 0 0 5px;
	padding-top: 3px;
	color: #bbb;
	border-top: 1px solid #888;
}
#logo .gelb{
	padding: 0 3px;
}
#seit {
	float: right;
	height: 100%;
	width: auto;
	padding: 10px 0;
}
#info{
	float: right;
	height: 120px;
	transition: all 500ms ease-in-out;
}
#info h2{
	text-transform: uppercase;
	font-size: 18px;
	margin: 0 0 5px 5px;
}
#service{
	float: left;
	margin-right: 30px;
}
#kontaktdaten{
	float: left;
	margin-right: 30px;
}
#kontaktdaten td:nth-child(2){
	padding-left: 3px;
}
#nav-wrapper{
	background-color: #002040; /**dark-blue**/
	box-shadow: 0 0 8px #333;
}
nav ul li{
	list-style-type: none;
	float: left;
	padding: 15px 0px;
}
nav ul li a:link, nav ul li a:visited{
	color: #fff;
	padding: 10px 15px 15px 15px;
	transition: .3s all ease;
}
nav ul li a:hover, nav ul li a:active, nav ul li a:focus{
	background: #fff;
	color: #002040;
	border-top: 5px solid #D8A300; /**gelb**/
}
#sidrwrapper{
	display: none;
}
.anchor{
  display: block;
  height: 129px; /*same height as header*/
  margin-top: -129px; /*same height as header*/
  visibility: hidden;
}
/***************nav-classes (shrink)***********************************************/
.hide{
	display: none;
}
.smaller{
	height: 80px;
}
.info{
	display: none;
}
.logo{
	position: relative;
	top: 0%;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	padding-top: 10px;
}
.resize{
	font-size: 15px;
}
/*************BG**********************************************************************/
#bg-wrapper{
	width: 100%;
	background-color: #eee;
	background-image: url(../img/background.jpg);
	background-size: auto 100%;
}
#bg-wrapper.start{
	height: 500px;
	background-position: bottom left;
}
@media screen and (max-width: 1428px){
	#bg-wrapper.start{
		background-position: top right -1000px;
	}
}

#bg-wrapper .bg{
	background: rgba(0,32,64,.8);
	padding: 20px;
	box-shadow: 3px 3px 3px #333;
}
#bg-wrapper.subs{
	height: 200px;
	background-position: center left;
	background-size: cover;
}
#bg-wrapper .text{
	width: 800px;
	padding-top: 80px;
	text-shadow: 1px 1px 3px #000;
	color: #fff;
	font-size: 22px;
}
#bg-wrapper .button{
	padding: 10px 15px;
	background-image: linear-gradient(#888, #bbb);
	display: inline-block;
	margin-top: 13px;
	font-size: 15px;
	transition: .1s all ease;
	box-shadow: 3px 3px 5px #333;
	border-radius: 4px;
}
#bg-wrapper a:link, #bg-wrapper a:visited, #bg-wrapper a:focus, #bg-wrapper a:active, #bg-wrapper a:hover{
	color: #fff;
}
#bg-wrapper .button:hover{
	transform: scale(1.03);
}
#welcome{
	margin-top: 100px;
}
#welcome img{
	float: right;
	width: 400px;
}
#welcome-text{
	width: 60%;
}
#bueros{
	padding-top: 100px;
}
#buero-wrap{
	width: 100%;
	background-color: #eee;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
#head{
	width: 100%;
	background-color: #eee;
	padding: 3px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
#head h1{
	color: #eee;
	font-weight: normal;
	text-align: center;
	background-color: #002040;
	padding: 15px
}
#body{
	text-align: justify;
}
#body i{
	display: block;
	text-align: center;
	font-size: 70px;
	margin-bottom: 10px;
	color: #002040;
}
#body .links{
	width: 33.33333333334%;
	float: left;
	padding-right: 60px;
}
#body .mitte{
	width: 33.33333333334%;
	float: left;
	padding: 0 20px;
}
#body .rechts{
	width: 33.33333333334%;
	float: left;
	padding-left: 60px;
}
#anwaelte{
	padding-top: 100px;
	margin-bottom: 100px;
}
.hides{
	display: none;
}
.slider{
	background-color: #eee;
	border: 1px solid #ccc;
}
.slider-nav-thumbnails .slick-slide {
	opacity: 0.7;
	margin: 20px 0 10px 0;
	width: 100px;
	border-right: 1px solid #fff;
	transition: .3s all ease;
}
.slider-nav-thumbnails .slick-slide.slick-active {
	opacity: 1;
  background: #002040;
}
.slider-nav-thumbnails .slick-slide:hover{
	opacity: 1;
	cursor: pointer;
}
.slider-nav-thumbnails p{
	padding: 10px 15px;
	background: #002040;
	color: #eee;
	text-align: center;
}
.slide{
	padding: 70px 120px;
}
.slide div{
	hyphens: auto;
}
.slide img{
	float: right;
	width: 230px;
	box-shadow: 3px 3px 10px #333;
	margin-left: 60px;
}
.slide h1{
	text-shadow: 2px 2px 2px #333;
	text-transform: uppercase;
	font-size: 22px;
}
.slide .text{
	padding-top: 20px;
	text-align: justify;
}
#arbeitsrecht{
	width: 100%;
	background-color: #002040;
	color: #eee;
	padding: 50px 0;
}
#arbeitsrecht .left{
	width: 70%;
	float: left;
}
#arbeitsrecht .links, #arbeitsrecht .rechts{
	background-color: rgba(255,255,255,.1);
	padding: 50px 80px;
	display: inline-block;
	margin-top: 20px;
}
#arbeitsrecht ul li{
	list-style-type: none;
}
#arbeitsrecht ul li:before{
	content: "\f00c";
	color: #d8a300;
  font-family: 'FontAwesome';
  display: inline-block;
  width: 20px;
	margin-left: -20px;
}
#arbeitsrecht .right{
	width: 30%;
	font-size: 600px;
	float: right;
	opacity: .1;
	line-height: .75em;
	font-weight: 700;
	text-align: right;
}
#arbeitsrecht h1{
	color: #eee;
	font-weight: normal;
}

#kontakte{
	padding-top: 100px;
}
#kontakte h2{
	font-size: 18px;
	margin-bottom: 15px;
}
#kontakte .infos h2{
	margin-bottom: 0;
}
#kontakte .text{
	margin-top: 30px;
}
#kontakte i{
	color: #002040;
}
#kontakte .blue{
	font-weight: 700;
	padding-right: 5px;
}
#kontakte .zeiten .pad{
	padding-bottom: 15px;
}
#kontakte .infos{
	width: 25%;
	float: left;
}
#kontakte .infos .small{
	font-style: italic;
	font-size: 13px;
}
#kontakte .infos td:nth-child(2){
	padding-left: 3px;
}
#kontakte .zeiten{
	width: 25%;
	float: left;
}
#anfahrt{
	width: 50%;
	float: left;
	display: block;
}
#map{
	width: 100%;
	height: 350px;
	margin-top: 100px;
}
.big{
	font-size: 18px;
}
#seminar{
	padding-top: 100px;
}
#seminar .wrap{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 40px 50px 80px 50px;
	position: relative;
}
#klammer-left, #klammer-right{
	position: absolute;
	top: -45px;
	font-size: 60px;
}
#klammer-left i, #klammer-right i{
	color: #002040;
}
#klammer-left{
	left: -20px;
}
#klammer-right{
	right: -20px;
}
#seminar .body{
	margin-top: 10px;
}
#seminar ul{
	margin: 5px 0 0 13px;
}
#seminar ul li{
	list-style-type: square;
}
#seminar .links{
	width: 30%;
	float: left;
	padding-right: 30px;
	text-align: justify;
}
#seminar .bild-a{
	float: left;
	width: 10%;
}
#seminar .mitte{
	width: 35%;
	float: left;
	padding: 0 30px;
}
#seminar .bild-b{
	float: left;
	width: 10%;
}
#seminar .bild-b img, #seminar .bild-a img{
	width: 100%;
	height: auto;
}
#seminar .rechts{
	width: 15%;
	float: right;
	padding-left: 30px;
}
footer{
	background: #002040;
	color: #eee;
	padding: 80px 0;
	margin-top: 100px;
}
footer a:link, footer a:visited, footer a:hover, footer a:active, footer a:focus{
	color: #eee;
}
footer .links{
	float: left;
}
#logo-footer{
	display: inline-block;
}
#logo-footer .gelb{
	padding: 0 3px;
}
footer h1.sup{
	font-family: 'Krona One', sans-serif;
	font-size: 32px;
	color: #eee;
	letter-spacing: 0em;
}
footer h1.sub{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .41em;
	margin: 3px 0 0 5px;
	padding-top: 3px;
	color: #eee;
	border-top: 1px solid #888;
}
footer .mitte h1, footer .rechts h1{
	color: #eee;
	font-weight: normal;
}
footer ul li{
	list-style-type: none;
}
#zitat{
	background-color: rgba(255,255,255,.1);
	padding: 30px 50px;
	width: 455px;
	margin-top: 10px;
	font-size: 20px;
}
footer .float{
	float: right;
}
footer .mitte{
	float: left;
	margin-left: 50px;
}
footer .mitte ul{
	margin-left: 22px;
	font-size: 16px;
}
footer .mitte ul li{
	line-height: 2.2em;
	transition: .3s all ease;
}
footer .mitte ul li:hover{
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-o-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
}
footer .mitte ul li:before{
	content: "\f054";
	color: #d8a300;
  font-family: 'FontAwesome';
  display: inline-block;
  width: 20px;
	margin-left: -20px;
}
footer .rechts{
	float: left;
	margin-left: 200px;
	font-size: 16px;
}
footer .rechts h2{
	color: #eee;
	font-size: 18px;
}
footer .rechts .small{
	font-style: italic;
	margin-bottom: 15px;
	font-size: 13px;
}
footer td:nth-child(2){
	padding-left: 3px;
}
#copy{
	width: 100%;
	background-color: #001831;
	text-align: right;
	padding: 30px;
	color: #eee;
	font-size: 18px;
}
#button-bottom{
	display: none;
}
/****************************aktuelles******************************/
#aktuelles.wrap{
	max-width: 800px;
	margin: 0 auto;
}
#aktuelles{
	padding-top: 50px;
	text-align: center;
}
#aktuelles h1{
	text-align: left;
}
.accordion p{
	padding-bottom: 15px;
	text-align: left;
		line-height: 1.5em;
}
.accordion h3{
	text-align: left;
}
.accordion p:last-child{
	padding-bottom: 0;
}
.accordion p.center {
	text-align: center;
	font-size: 12px;
	border: 1px solid #ddd;
	padding: 1em;
	display: inline-block;
	line-height: 1.5em;
}
.ui-accordion .ui-accordion-content{
	padding: 1.5em 2em;
}
.unterstreichen{
	text-decoration: underline;
}
.accordion .margin{
	margin-bottom: 15px;
}
/****************************Links******************************/
#links{
	max-width: 800px;
	margin: 0 auto;
	padding-top: 50px;
}
#links .bold{
	font-size: 16px;
	margin-top: 50px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
	color: #002040;
}
/****************************Datenschutz******************************/
#datenschutz{
	max-width: 800px;
	margin: 0 auto;
}
#datenschutz h1{
	padding-top: 50px;
}
#datenschutz h2{
	font-size: 16px;
	margin-top: 50px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
	color: #002040;
	margin-bottom: 15px;
}
#datenschutz ul{
	margin-left: 25px;
	margin-bottom: 10px;
}
#datenschutz ul li{
	list-style-type: square;
	padding-bottom: 10px;
}
/****************************klassen******************************/
.bold{
	font-weight: 700;
}
.italic{
	font-style: italic;
}
.clear {
	clear: both;
	height: 0;
	width: 0;
}
/*vertikale Zentrierung*/
.zentriert {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.center {
	text-align: center;
}
.hidden_text, .show_print{
	display: none;
}
.hidden{
	opacity: 0;
}
.visible{
	opacity: 1;
}
}
/*----------------------------------------------------------------print---------------------------------------------------------------------------*/

@media print {
body {
	background-color: #ffffff;
	color: #000000;
	font-family: serif;
	font-size: 100%;
}
header, #anwaelte .box h1, #bueros i, #copy, .slick-prev, .slick-next, .slide img, #arbeitsrecht .right, #klammer-left, #klammer-right, #button-bottom, .slider-nav-thumbnails, #bg-wrapper, #header-wrapper, nav, #galerie, #logo, footer, img, .print, .single-item, .back_to_top, .hidden_text {
	display: none !important;
}
.bold{
	font-weight: 700;
}
h1, h2, h3, h4 {
	font-weight: bold;
	font-size: 105%;
}
.link_print a[href]:after {
	content: " (" attr(href) ")";
}
.slide .text{
	width: 50%;
}
a:link, a:visited, a:hover, a:focus, a:active{
	color: #000;
	text-decoration: none;
}
}