@import url(./titillium.css);
/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */
 
 .ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}
.modal::-webkit-scrollbar {
    width: 0 !important; /*removes the scrollbar but still scrollable*/
    /* reference: http://stackoverflow.com/a/26500272/2259400 */
}
@media (min-width: 1200px) {
    .container {
        min-width: 1200px;
    }
	
}
@media (max-width: 1199px) {
    .hauptmenu ul{font-size:12px!important;}
	.hauptmenu ul li a span {
    
    left: 5px!important;
    right: 5px!important;
    
    bottom: 15px!important;
  
    padding: 4px 0 0 0!important;
   
}
	
}

@media (min-width: 1300px) {
    .container {
        min-width: 1300px;
    }
}
/* Fade Carousel */
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left:30px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right:30px;}
.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity;transition-property: opacity;}.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control {z-index: 2;}
.panel.level1 {margin-left:0px;}
.panel.level2 {margin-left:25px;}
.panel.level3 {margin-left:50px;}
.panel.level4 {margin-left:75px;}
.panel.level5 {margin-left:100px;}
.panel.level6 {margin-left:125px;}
/* Wysihtml5 Klassen */
.wysiwyg-float-left {float:left;}
.wysiwyg-float-right {float:right;}
.wysiwyg-font-size-large {font-size:1.2em;}
.wysiwyg-font-size-medium {font-size:1em;}
.wysiwyg-font-size-small {font-size:0.8em;}
.wysiwyg-text-align-center {text-align:center;}
.wysiwyg-text-align-justify {text-align:justify;}
.wysiwyg-text-align-left {text-align:left;}
.wysiwyg-text-align-right {text-align:right;}

.fore-color [data-wysihtml5-command-value="eins"]{background:#000000;}	
.fore-color [data-wysihtml5-command-value="zwei"]{background:#000000;}	
.fore-color [data-wysihtml5-command-value="drei"]{background:#000000;}	
.wysiwyg-color-eins {color:#000000;}
.wysiwyg-color-zwei {color:#000000;}
.wysiwyg-color-drei {color:#000000;}

body {font-family:"Titillium Web", sans-serif;font-weight:300;font-size:16px;overflow-y:scroll;}


header .logo {padding:15px 0;max-width:330px;}

.links {float:left;width:38%;}
.rechts {float:left;width:62%;position:relative;}

.hauptmenu {padding-bottom:15px;}
.hauptmenu ul {list-style:none;margin:0;padding:0;margin:0 -2px;}
.hauptmenu ul li {float:left;width:20%;padding:0 2px;}
.hauptmenu ul li a {color:#fff;text-decoration:none;position:relative;height:175px;display:block;cursor:pointer;}
.hauptmenu ul li a span {position:absolute;left:15px;right:15px;display:block;bottom:15px;border-top:1px solid #fff;padding:8px 0 0 0;text-align:center;}
.hauptmenu ul li a:before {
	content:"";
	display:block;
	height:120px;
	width:120px;	
	transition: transform 0.8s;
	position:absolute;
	left:50%;
	margin-left:-60px;
	top:10px;
	background-position:center center;
	background-repeat:no-repeat;
}
.hauptmenu ul li a:hover:before {transform:rotate(360deg);}

.hauptmenu ul li.active a:before {background-image:url("images/icon-aktiv.png") !important;}
.hauptmenu ul li:nth-child(1) a{background-color:#007e7c;}
.hauptmenu ul li:nth-child(2) a{background-color:#006663;}
.hauptmenu ul li:nth-child(3) a{background-color:#579a98;}
.hauptmenu ul li:nth-child(4) a{background-color:#3e3e40;}
.hauptmenu ul li:nth-child(5) a{background-color:#646567;}
.hauptmenu ul li:nth-child(1) a:before{background-image:url("images/icon-kanzlei.png");}
.hauptmenu ul li:nth-child(2) a:before{background-image:url("images/icon-rechtsanwalt.png");}
.hauptmenu ul li:nth-child(3) a:before{background-image:url("images/icon-notariat.png")}
.hauptmenu ul li:nth-child(4) a:before{background-image:url("images/icon-kontakt.png");}
.hauptmenu ul li:nth-child(5) a:before{background-image:url("images/icon-anfahrt.png");}


.untermenu {position:absolute; top:0;bottom:0;background:rgba(255,255,255,0.8);z-index:1000;padding:10px 0;}
.untermenu a:hover, .untermenu a:focus, .untermenu:active {text-decoration:none;}
.untermenu > ul {
	position:absolute;
	left:95px;
	right:0;
	top:10px;
	bottom:10px;
	border-left:4px solid #00737c;
	margin:0;
	padding:10px 0 10px 20px;
	list-style:none;
	font-weight:600;
}

.untermenu>ul>li {margin-bottom:6px;}
.untermenu a.active:before {
	content:"";
	left:-34px;
	top:-1px;
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	background-image:url("images/icon-aktiv-unternavigation.png");	
	z-index:1200;
	background-size:100%;
	
}
.untermenu ul ul a.active:before {left:-55px;top:-2px;}

.untermenu>ul>li>a {color:#00737c;position:relative;}
.untermenu>ul>li>ul {list-style:none;padding:0 0 0 20px;}
.untermenu>ul>li>ul>li {}
.untermenu>ul>li>ul>li>a {color:#00737c;font-size:14px;position:relative;}

.mobilmenu_button {
	background:	#ccc;
	padding:0px 20px 0px 100px;
	position:relative;
	color:#000;
	font-size:30px;
	font-weight:bold;
	cursor:pointer;
	text-transform:uppercase;
}
.mobilmenu_button:before {
	content:"";
	position:absolute;
	border-right:1px solid #007e7c;
	left:37px;
	top:0;
	bottom:0;
	width:42px;
	display:block;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:36px;
	background-image:url("images/icon-aktiv.png");
}

.mobilmenu_button:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:42px;	
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("images/pfeil-sw.png");
	opacity:0.5;
	transform:rotate(-90deg);
	
}

.mobilmenu_button[aria-expanded="true"]:after,
.mobilmenu > ul > li > span[aria-expanded="true"] {transform:rotate(0deg);}

.mobilmenu {}
.mobilmenu > ul {margin:5px 0 0 102px;list-style:none;padding:0;}
.mobilmenu > ul > li {padding:0 0px 0 0;margin-bottom:4px;position:relative;}
.mobilmenu > ul > li > a {cursor:pointer;color:#fff;position:relative;padding:4px 0 4px 45px;display:block;font-size:24px;margin-right:50px;}
.mobilmenu > ul > li > a:before {width:40px;position:absolute;content:"";left:0px;top:3px;bottom:3px;background-size:28px;background-repeat:no-repeat;background-position:left 5px center;border-right:1px solid #fff;}
.mobilmenu > ul > li > span {
		content:"";
	position:absolute;
	right:0;
	top:0;
	height:42px;
	width:42px;	
	
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("images/pfeil-weiss.png");
	opacity:0.5;
	transform:rotate(-90deg);
	cursor:pointer;
}



.mobilmenu > ul > li:nth-child(1) {background-color:#007e7c;}
.mobilmenu > ul > li:nth-child(2) {background-color:#006663;}
.mobilmenu > ul > li:nth-child(3) {background-color:#579a98;}
.mobilmenu > ul > li:nth-child(4) {background-color:#3e3e40;}
.mobilmenu > ul > li:nth-child(5) {background-color:#646567;}

.mobilmenu>ul>li>a.active:before {background-image:url("images/icon-aktiv-unternavigation.png") !important;}

.mobilmenu > ul > li:nth-child(1) a:before {background-image:url("images/icon-kanzlei.png");}
.mobilmenu > ul > li:nth-child(2) a:before {background-image:url("images/icon-rechtsanwalt.png");}
.mobilmenu > ul > li:nth-child(3) a:before {background-image:url("images/icon-notariat.png");}
.mobilmenu > ul > li:nth-child(4) a:before {background-image:url("images/icon-kontakt.png");}
.mobilmenu > ul > li:nth-child(5) a:before {background-image:url("images/icon-anfahrt.png");}

.mobilmenu > ul ul {background-color:#fff;list-style:none;}
.mobilmenu > ul ul a {color:#007e7c;font-size:18px;line-height:1.5;}
.mobilmenu > ul ul ul a {font-size:16px;}

.navigationsbild_wrapper {border:1px solid #000;margin:0 auto 30px auto;max-width:1366px;position:relative;}

.carousel-indicators {margin:0;right:20px;bottom:12px;left:auto;width:auto;}
.carousel-indicators li {background-image:url("images/punkte-slider.png");background-repeat:no-repeat;height:20px;border:0;width:20px;background-size:20px;background-position:center center;}
.carousel-indicators li.active {background-image:url("images/icon-aktiv-unternavigation");height:20px;width:20px;}


main {padding-bottom:40px;}
main .content {padding:0 30px;}
main img {border:1px solid #000;}
main h1 {font-size:2em;margin:0 0 0.4em;font-weight:600;}

main ul {margin:10px 0;padding:0;list-style:none;}
main ul li {position:relative;padding-left:15px;}
main ul li:before {content:"";display:block;left:0;position:absolute;top:7px;border-radius:10px;height:8px;width:8px;background-color:#007e7c;}
main a, main a:hover, main a:focus {color:#007e7c;}
main .glyphicon {color:#007e7c;}
.icon-block > div {display:inline;}
table td {padding:0 10px 0 0;}


.menu_box {transform:translateY(-10px);background:rgba(0,0,0,0.8);position:absolute;z-index:2000;width:100%;color:#fff;padding:30px 15px 15px 15px;}
.menu_box h2 {margin-top:0;}
.menu_box .close_button {color:#fff;position:absolute;top:5px;right:5px;cursor:pointer;}

form .form-group {position:relative;}
form .form-group .control-label {position:absolute;color:#000;font-style:italic;font-weight:300px;font-size:12px;top:2px;left:5px;}
form input[type="text"].form-control, form input[type="email"].form-control {text-align:right;padding-left:90px;border-radius:0;}
form textarea.form-control {height:180px;padding:15px 5px 5px 5px;border-radius:0;}
.submitbutton {background-color:#007e7c;color:#fff;border-radius:0px;text-align:center;text-transform:uppercase;font-size:16px;width:100%;padding:8px 0;border:0;}


footer {position:fixed;bottom:0;width:100%;color:#fff;border-top:5px solid #fff;}
footer .links {background-color:#007e7c;text-align:center;line-height:30px;}
footer .rechts {background-color:#646567;line-height:30px;padding:0 8px;border-left:5px solid #fff;}
footer a {color:#fff;margin:0 15px;}

footer .footer_icon_block, .kontakt_icon_block {position:relative;padding-left:20px;font-size:12px;}
footer .glyphicon, .kontakt_icon_block .glyphicon {position:absolute;left:0;color:#e94e1b;top:3px;}

.map_wrapper {margin-bottom:30px;border:1px solid #000;}
#map {height:300px;}

.stoerer_box {
	padding:15px;
	color:#fff;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006663+0,007e7c+100 */
background: #006663; /* Old browsers */
background: -moz-linear-gradient(45deg, #006663 0%, #007e7c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #006663 0%,#007e7c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #006663 0%,#007e7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006663', endColorstr='#007e7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin-bottom:15px;
}

.links img {margin-bottom:15px;}
.mobilmenu_wrapper {margin-bottom:15px;}

footer .rechts span {display:inline-block;}



@media screen and (max-width:1199px) {
	.untermenu>ul>li {margin-bottom:0px;}	
	footer .links, footer .rechts {height:60px;}
	footer {position:static;}
}

@media screen and (max-width:1000px) {
	.links, .rechts {float:none;width:auto;margin:0;}	
	main .content {padding:0;}
footer .links {margin-bottom:5px;}
	footer .rechts, footer .links {height:auto;}
	footer .rechts {border:0;text-align:center;}
}

@media screen and (max-width:768px) {
	.carousel-indicators {display:none;}	
}


@media screen and (max-width:600px) {
	.navigationsbild {display:none;}
	.mobilmenu > ul {margin:5px 0 0 0;}	
	.mobilmenu_button {padding:0px 20px 0px 45px;}
	.mobilmenu_button:before {background-position:left 2px center;left:-1px;}
	.menu_box {top:200px;left:-15px;right:-15px;width:auto;}
	.navigationsbild_wrapper {display:none;}
}

/* Media Queries */
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);transform-origin:0;transform:scale(0.77);transform-origin:0 0; }
}