/* Developed by DDesign Studio */
/*Resets*/
* {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}
/* Common styles */
body {
	background-color: #fff;
}
.fl {
	float: left;
}
.fr {
	float: right:
}
.cl {
	clear: both;
}
.willkommen .row {
	width: 980px;
}
/* Fonts */
@font-face {
	font-family: circle_bold;
	src: url("../fonts/Circe-Bold.ttf");
}
@font-face {
	font-family: circle_regular;
	src: url("../fonts/Circe-Regular.ttf");
}
@font-face {
	font-family: extra;
	src: url("../fonts/Circe-ExtraBold.ttf");
}
@font-face {
	font-family: circle_light;
	src: url("../fonts/Circe-Light.ttf");
}
/* Layout */
header {
		overflow: hidden;
}
.topline {
	background-image: url("../img/line.png");
	height: 2px;
}
.topstrip {
	background-color: #ff9500;
	height: 31px;
}
.top {
	background: url("../img/top-bg.png") no-repeat;
	background-position-x: center;
	background-size: cover;
	height: 136px;
}

.crumbsline {
	height: 27px
}
.crumbs {
	margin-top: 10px;
	margin-left: 456px;
	width: 305px;
}
.nav-box {
	height: 30px;
}
.menu-nav {
	margin: 0px auto;
}

.willkommen {
	height: 1025px;
	background: url("../img/madchen.png") no-repeat right;
}
.wirsind {
	height: 551px;
	background-color: #f4f5f7;
}
.wirfreuen {
	height: 156px;
	padding-top: 52px;
	background-color: #f4f5f7;
	}
footer {
	height: 400px;
	overflow: hidden;
}
/* Elements */
phone img {
	margin-top: 6px;
}
.phone p {
	margin-left: 20px;
	font-size: 20px;
	color: #fff;
	font-family: circle_bold;
}
.btn {
	width: 55px;
	height: 30px;
	margin-right: 2px;
	background-color: #ff9500;
	border-bottom: 3px solid #ff7d00;
	border-radius: 0px;
	display:block;
	float: left;
}
.btn:hover {
	background-color: #ff7d00;
}
.btnw {
	background: url("../img/symb1.png") no-repeat 6px 3px;
	display:block;
	height: 55px;
}
.gmap {
	background: url("../img/symb2.png") no-repeat 6px 0px;
	display:block;
	height: 55px;
}
.logo {
	margin-left: 853px;
	padding-top: 11px;
}
.center {
	margin-left: 380px;
	overflow: hidden;
}
// .center {
// 	margin-left: 25%;
// }
.crumbover {
	color: #ff7d00;
}
.crumbs p {
	color: #8c939c;
	border-bottom: 1px solid #e7e7e7;
	font-size: 15px;
	font-family: circle_bold;
}
.crumbsover {
	color: #ff7d00;
}
.menu-nav {
	margin-left: 618px;
}
.menu-nav ul {
	list-style: none;
}
.menu-nav ul li {
	float: left;
	margin-left: 49px;
}
.menu-nav a {
	text-decoration: none;
	font-family: circle_bold;
	font-size: 16px;
}
.menu-nav a:hover {
	text-decoration: none;
	color: #ff9500;
}
.logoslide {
	position: absolute;bottom:25px;right: 347px;
}
.detail {
	position: absolute;top: 35px;left: 639px;
}
.menu-nav li {
	height: 30px;
}
.aktive {
	background: url("../img/accent.png") no-repeat 29px 20px;
}
.aktived {
	background: url("../img/accent.png") no-repeat 55px 20px;
}
.aktivep {
	background: url("../img/accent.png") no-repeat 15px 20px;
}
.aktiveds {
	background: url(../img/accent.png) no-repeat 35px 20px;
}
.aktivek {
	background: url(../img/accent.png) no-repeat 27px 20px;
}
.carousel-indicators .active {
	background-color: #ff9500;
}
.heading {
	color: #ff9500;
	font-family: circle_bold;
	font-size: 22px;
	margin-bottom: 32px;
    margin-top: 32px;
}
.thumb {
	margin-bottom: 55px;
	float: left;
	margin-left: 17px;
	height: 229px;
	width: 307px;
	box-shadow: 0 0 6px rgba(2, 4, 4, 0.38);
	border: 2px solid #fff;
}
.overth {
	border: 2px solid #ff9500;
}
.thumb:hover {
	border: 2px solid #ff9500;
}
.willkommen .row {
	margin-top: 20px;
}
.thumb img {
	width: 100%;
	height: 100%;
}
.txt {
	padding-top: 10px;
	width: 331px;
	text-align: center;
}
.willkommen a {
	color: #828994;
	text-decoration: none;
	font-family: circle_bold;
	font-size: 18px;
}
.willkommen a:hover {
	color: #ff9500;
	text-decoration: none;
}
.active-link {
	color: #ff9500;
}
.wirsind {
	background-color: #f4f5f7;
	border-top: 1px solid #fcfcfd;
}
// .box_heading {
// }
.symb {
	float: left;
	margin-right: 22px;
	background: url("../img/car.png") no-repeat;
	width: 65px;
	height: 21px;
	margin-top: 29px;
}
.ico {
	padding-top: 41px;
	margin-left: 24px;
	margin-right: 14px;
}
.reg {
	font-family: circle_regular;
	font-size: 16px;
}
.ulist li {
	color: #ff9500;
	font-family: circle_regular;
	font-size: 16px;
	line-height: 2.3;
	margin-left: 22px;
}
.ulist span {
	color: #000;
}
.txtalign {
	width: 495px;
}
.wirfreuen h2 {
	font-family: circle_bold;
	font-size: 18px;
	text-indent: 179px;
	color: #7688a1;
}
.wirfreuen h3 {
	text-indent: 335px;
	font-family: circle_bold;
	font-size: 18px;
	color: #7688a1;
}
.detal {
	margin-left: 52px;
}
.ad {
	background: url("../img/photobg.png");
	height: 215px;
	background-color: #f4f5f7;
}
.adbg {
	background: url("../img/adbg.png") no-repeat;
	position: relative;
    top: 33px;
    left: 475px;
    height: 200px;
}
.circletext {
	width: 140px;
	float: left;
	position: relative;
    top: 64px;
    left: 43px;
}
.circletext p {
	font-family: extra;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 2;
}
.zulasung {
	font-size: 11px;
}
.foot {
	height: 141px;
	background: url(../img/footbg.png) no-repeat;
}
.logos {
	margin-left: 425px;
    padding-top: 42px;
    float: left;
}
.networks {
	float: left;
	margin-left: 584px;
	margin-top: 58px;
}
.footline {
	border-top: 1px solid #f7d4a3;
	background-color: #ff9500;
	height: 53px;
}
.net {
	border-radius: 32px;
	width: 32px;
    height: 32px;
    margin-right: 18px;
    background-color: #bfbfbf;
    display: block;
    float: left;
   }
.net:hover {
	background-color: #ff9500;	
}
.fb {
	background: url("../img/fb.png") no-repeat 0px 0px;
	display:block;
	height: 55px;
}
.tw {
	background: url("../img/tw.png") no-repeat 0px 0px;
	display:block;
	height: 55px;
}
.gplus {
	background: url("../img/gplus.png") no-repeat 0px 0px;
	display:block;
	height: 55px;
}
.inst {
	background: url("../img/inst.png") no-repeat 0px 0px;
	display:block;
	height: 55px;
}
.fb:hover {
	background: url("../img/fb-over.png") no-repeat 0px 0px;
	display:block;
	height: 55px;
}
.tw:hover {
	background: url("../img/tw-over.png") no-repeat 0px 0px;
	display:block;
	height: 55px;
}
.gplus:hover {
	background: url("../img/gplus-over.png") no-repeat 0px 0px;
	display:block;
	height: 55px;
}
.inst:hover {
	background: url("../img/inst-over.png") no-repeat 0px 0px;
	display:block;
	height: 55px;
}
.footbox {
	width: 1115px;
	height: 53px;
	margin-left: 388px;
	color: #fff;
	font-family: circle_bold;
	font-size: 14px;
}
.footbox a {
	text-decoration: underline;
	color: #fff;
	font-family: circle_bold;
	font-size: 16px;
}
.footbox a:hover {
	text-decoration: underline;
	color: #fff;
}
.pad {
	padding-top: 8px;
}
.pad p {
	padding-top: 4px;
}
.fon {
	background: url("../img/fon.png");
	position: absolute;
	top: 170px;
	height: 2300px;
	width: 340px;
}
.fond {
	background: url("../img/fon.png");
	position: absolute;
	top: 170px;
	height: 1200px;
	width: 340px;
}
.fondo {
	background: url("../img/fon.png");
	position: absolute;
	top: 170px;
	width: 340px;
	height: 900px;
}
/* Old kfon left: 245px; */
.kfon {
	background: url("../img/fono.png");
	position: absolute;
	top: 512px;
	left: 222px;
	height: 531px;
	width: 573px;
}
.btn-box {
	margin-left: 715px;
}
.impressum {
    padding-left: 132px;
    }
.arbeiten {
	padding-left: 35px;
}
.powby {
	padding-left: 100px;
}
.wirhead {
	font-size: 21px;
}
/* Second page */
.dcontent .row {
	margin-left: 13px;
	padding-top: 30px;
}
.dienst {
	background-color: #f4f5f7;
	background: url("../img/madchen.png") no-repeat right 0px;
}
.dienst_h {
	height: 1063px;
}
.preise_h {
	height: 975px;
}
.downloads_h {
	height: 675px;
}
.referenzen_h {
	height: 1430px;
}
.impr_h {
    height: 2670px;
}
.kontakt_h {
	height: 1090px;
}
.dheading {
	font-family: circle_light;
	color: #ff9500;
	margin-right: 40px;
}
.dheadingun {
	color: #ff9500;
}
.dlist {
	width: 300px;
	padding: 3px;
	margin-right: 55px;
}
.empty {
	padding-top: 82px;
}
.dlist ul li {
	line-height: 2.8;
	font-family: circle_regular;
	font-size: 15px;
	color: #333333;
	}
.dlist h3 {
	color: #DE8200;
	font-family: circle_bold;
	font-size: 22px;
}

.bold {
	font-weight: bold;
}
/* Preise Page */
hr {
	background-color: #e6e6e6;
	width: 67%;
	height: 1px;
}
.marg {
	margin: 0px 300px;
}
.round {
	margin-right: 55px;
	border-radius: 50%;
	width: 93px;
	height: 93px;
}
.num {
	padding-left: 40px;
	padding-bottom: 10px;
}
.numf {
	padding-left: 61px;
	padding-bottom: 10px;
}
// .itemb {
// 	width: 130px;
// 	margin-right: 40px;
// }
.bg_brown {
	background-color: #e66161;
	background: url("../img/herunterladen.png") no-repeat;
}
.bg_green {
	background-color: #8cad8c;
	background: url("../img/ausfullen.png") no-repeat;
}
.bg_blue {
	background-color: #82a2c2;
	background: url("../img/absenden.png") no-repeat;
}
.linehr {
	padding-top: 15px;
}
.capt {
	font-family: circle_bold;
	font-size: 20px;
	padding-left: 5px;
	padding-top: 15px;
}
.cbrown {
	color: #e66161;
}
.cgreen {
	color: #8cad8c;
}
.cblue {
	color: #82a2c2;
}
.pd {
	padding: 55px 0px;
}
.txtbox {
	padding-top: 10px;
	height: 80px;
	font-family: circle_regular;
}
.txtdec {
	text-decoration: underline;
}
.pfeil {
	margin-top: 12px;
	width: 146px;
	height: 80px;
	background: url("../img/pfeil.png") no-repeat 44px 4px;
}
.bt {
	width: 377px;
	height: 60px;
	background: url("../img/bt.png") no-repeat;
}
.btnbx {
	width: 470px;
	height: 65px;
	background: url("../img/btnbx.png") no-repeat;
	color: #ff9500;
	font-family: circle_bold;
	font-size: 18px;
}
.para {
	padding-top: 18px;
	padding-left: 60px;
}
.btbx {
	width: 575px;
	height: 65px;
	background: url("../img/btbx.png") no-repeat;
	color: #ff9500;
	font-family: circle_bold;
	font-size: 18px;
	padding-top: 0px;
}
.pdt {
	padding-top: 8px;
}
.descname h3 {
	color: #687180;
	font-family: circle_bold;
	font-size: 22px;
	margin-right: 40px;
}
.desctxt p {
	font-family: circle_regular;
	font-size: 15px;
	color: #333333;
}
.formtitle {
	color: #828994;
	font-family: circle_bold;
	font-size: 26px;
}
texarea {
	border: 1px solid red;
}
.areatxt {
	width: 700px;
	height: 205px;
	margin-right: 40px;
}
.textoreo {
	border: 2px solid #7789a2;
	width: 670px;
}
.inputstxt {
	width: 275px;
	height: 230px;
	}
.inputstxt input {
	border: 2px solid #7789a2;
	height: 40px;
	color: #333333;
	padding-left: 15px;
	margin-bottom: 20px;
}
.btnf {
	padding-left: 170px;
	width: 700px;
	height: 150px;
}
.bt p {
	padding-top: 18px;
    padding-left: 87px;
	color: #fff;
	font-family: circle_bold;
	font-size: 20px;
}
.leftk {
	width: 375px;
	margin-right: 40px;
}
.rightk {
	width: 575px;
}
.kontakt {
	font-family: circle_regular;
    font-size: 16px;
	width: 210px;
	padding-bottom: 35px;
	border-bottom: 1px solid #dbdbdb;
}
.kontakt h2 {
	color: #de8200;
	font-family: circle_bold;
	font-size: 20px;
}
.rightk h2 {
	color: #de8200;
	font-family: circle_bold;
	font-size: 20px;
}

.content_kontakt {
	color: #333333;
}
.andere input,.andere label {
	font-weight: 100;
	font-size: 16px;
}
.reg {
	font-family: circle_regular;
}
.radios {
	margin-left: 347px;
}
	// border: 1px solid #7688A1;
.kontform input {
	border: 1px solid #bbc9dc;
	margin-top: 8px;
	width: 557px;
	height: 25px;
	color: #000;
	font-size: 16px;
    font-family: circle_regular;
}
.inp {
	border: 1px solid #bbc9dc;
	margin-top: 8px;
	width: 557px;
	height: 25px;
	color: #000;
	font-size: 16px;
    font-family: circle_regular;
}
.bittesie p {
	margin: 12px 0 10px;
}
.radiosb {
	margin-left: 95px;
	margin-top: 12px;
}
.ambesten h2 {
	color: #8d97a6;
	margin-right: 20px;
	font-family: circle_regular;
}
#polosa {
	background-color: #dbdbdb;
	height: 0px;
	width: 287px;
}
.polosa {
	padding-top: 10px;
}
.selectinp p {
	margin-right: 15px;
}
select {
	border: 1px solid #bbc9dc;
    margin-top: 6px;
    width: 278px;
    height: 25px;
}
input,select {
	border-radius: 2px;
	padding: 2px;
	padding-left: 15px;
}
.select-item {
	width; 337px;
}
.labelsel {
	width: 52px;
	padding-top: 5px;
}
.drei input {
	border: 1px solid #bbc9dc;
	margin-top: 8px;
	width: 557px;
	height: 25px;
}
.drei textarea {
	margin-top: 8px;
	border: 1px solid #bbc9dc;
	border-radius: 5px;
	height: 120px;
	width: 557px;
	padding: 2px 15px;
}
.kontakt-btn {
	padding-top: 40px;
	width: 550px;
	height: 120px;
}
.kontakt-btn a {
	text-decoration: none;
}
.konbt {
	background: url("../img/kbt.png") no-repeat;
	width: 283px;
	height: 60px;
	margin-left: 125px;
}
.konbt p {
	color: #fff;
	font-family: circle_bold;
	font-size: 18px;
	padding-top: 20px;
	padding-left: 70px;
}
.impress-box {
	width: 264px;
	height: 180px;
	font-family: circle_regular;
	font-size: 15px;
	line-height: 2.2;
	padding-right: 22px;
}
.impress-box ul {
	list-style: none;
}
.impress-box h2 {
	color: #de8200;
	font-family: circle_bold;
	font-size: 22px;
}
.brd {
	border-right: 1px solid #ccc;
}
.pdd {
	padding-left: 25px;
}
.rowsroys {
	padding-top: 30px;
	width: 1200px;
	height: 265px;
    width: 1063px;
    border-bottom: 1px solid #ccc;
}
.box {
	width: 1063px;
	height: 300px;
}
.box h2 {
	font-size: 22px;
	font-family: circle_bold;
	color: #de8200;
}
.bx h2 {
	font-size: 22px;
	font-family: circle_bold;
	color: #de8200;
}
.splitbox {
	width: 1062px
}
.split {
	width: 500px;
}
.prr {
	padding-right: 40px;
}
.bx {
	width: 1063px;
	height: 250px;
	border-bottom: 1px solid #ccc;
}
.splitbox h3 {
	font-family: circle_bold;
	font-size: 18px;
	color: #4c5f70;
}
.imp a {
	color: #0000ff;
}
.ambesten {
	padding-top: 38px;
}
.aktivpt {
	color: #ff9500;
}
.notactive {
	color: #828994;
}
.btnbx:hover {
	background: url("../img/convert_over.png") no-repeat;
	color: #fff;
}
.btbx:hover {
	background: url("../img/sepa_over.png") no-repeat;
	color: #fff;
}
.lh {
	line-height: 1.2;
}
/*radio*/
input[type=radio] {
	margin: 5px 0 0;
}
input[type=radio]:checked + label:before {
    content: "\2022";
    color: #ff9500;
    font-size: 35px;
    text-align: center;
    line-height: 14px;
}
.radio label:before {
    border-radius: 8px;
    border: 2px solid #acbacf;
}
label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: -23px;
    bottom: 3px;
    background-color: #fdfdfd;
    box-shadow: inset 0px 2px 3px 0px rgba(245, 245, 245, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
}
/* Select caret styles */
.select {
  position: relative;
  display: inline-block;
}
.select:after {
  content: "▼";
  color: #ff9500;
  padding: 0 0px;
  font-size: 12px;
  position: absolute;
  right: -3px;
  top: 10px;
  z-index: 1;
  text-align: center;
  width: 10%;
  height: 100%;
  pointer-events: none;
  box-sizing: border-box;
  font-family: circle_regular;
}
select {
  padding-right: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* Referenzen */
.comm_form input, textarea {
	border: 1px solid #ccc;
}
.comments {
  border: 1px solid #ccc;
  width: 300px;
  text-align: center;
  border-radius: 5px;
  margin: 0 auto 10px;
}

.comments span {
  font-family: Tahoma;
}
.get_comments {
	max-width: 500px;
	max-height: 500px;
}
.btnbx,.btbx {
	 background-size: contain;
}
.btnbx:hover,.btbx:hover {
	 background-size: contain;
}
.contact-btn {
	display: none;
}
.contact-btn a {
	color: #fff;
}
.emptyspace {
	display: none;
}