/* @import must be at top of file, otherwise CSS will not work */
/*
import url("//hello.myfonts.net/count/286433");
*/

@font-face {
  font-family: 'RockwellStd-Bold';
  src: url("fonts/286433_0_0.eot");
  src: url("fonts/286433_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/286433_0_0.woff") format("woff"), url("fonts/286433_0_0.ttf") format("truetype");
}

@font-face {
  font-family: 'RockwellStd';
  src: url("fonts/286433_1_0.eot");
  src: url("fonts/286433_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/286433_1_0.woff") format("woff"), url("fonts/286433_1_0.ttf") format("truetype");
}


body{
background:#FFF;
}

.row{
max-width:996px;
b_ackground:pink;
}

div{
font-weight:normal;
font-size:12px;
font-family:arial,verdana,sans-serif;
}

ul {
margin-left: 0rem;	/* achtung? */
}


.abst_60{
height:60px;
}

.nopadding {
padding-left:0px;
padding-right:0px;
}

/*
img.vollebreite{
width:100%;
}
*/

.typ_oben{
position:relative;
background-color:#333;
/* background-image:url('img/typ3.jpg'); */
background-size:cover;
background-position:center center;
height:280px;
}

@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
	.typ_oben{
	height:600px;
	}
}



.typ_oben img{
position:absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
margin-bottom: 26px;
}



.typ_oben img{	
max-width: 90%;
b_order-top:20px solid yellow;
margin-bottom: 16px;
}

@media only screen and (min-width: 569px){	/* BIGGER then iphone landscape */
.typ_oben img{
max-width: 748px;
b_order-top:20px solid red;
margin-bottom: 26px;
}
}

@media only screen and (min-width: 769px){	/* BIGGER then ipad portrait */
	.typ_oben img{
    max-width: 966px;
	b_order-top:20px solid cyan;	
	margin-bottom: 46px;
	}
}
	








.abst_20{
height:20px;
}

.abst_45{
height:45px;
}






h6{
font-weight:bold;
}















footer{
background:#000;
}


@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */


	.btop{
	border-top: 1px solid #000;
	}

	.abst_20_mobile{
	background:#000;
	height:0px;
	}

	#map_canvas{
	position:relative;
	border:0px solid #000;
	width:100%;
	height:415px;
	}

	.footer_line_height{
	line-height:38px;
	}

	.extrapadding_left{
	padding-top:0px;
	padding-left:10px;
	padding-right:0px;
	}

	.abst_45{
	height:32px;
	b_ackground:pink;
	}

	.extras_unten_1{
	padding-left:0px;padding-right:6px;
	}

	.extras_unten_2{
	padding-left:3px;padding-right:3px;
	}

	.extras_unten_3{
	padding-left:6px;padding-right:0px;
	}

	.col_text{
	min-height:322px;
	}



	.maintext{
	background-color:#000;
	color:#FFF;
	padding:1em;
	font-size:90%;
	}

/*	
	.text_impressum{
	background-color:#000;
	color:#838382;
	padding:1em;
	font-size:82%;
	}

	img.nur_smartphone{
	display:none;
	}

	.minheight{
	min-height:80px;
	}
*/

}





.col_text h6{
font-weight:normal;
}

.ue{
font-weight:normal;
}





.maintext a{
color:#FFF;
text-decoration:underline;
}















.toggle_off_canvas{
position:absolute;
display:block;
width:40px;
height:40px;
top:10px;
right:10px;
z-index:998;
background-image:url('img/burger.png');
background-repeat:no-repeat;
background-position:center center;
}





/*
styles fuer das Off-Canvas-Menue
*/

.right-off-canvas-menu {
background:#000;
}


ul.mobile_navi{
margin-left: 34px;
}


.mobile_navi li{
list-style-type:none;
margin:0;
padding:0;
}

.mobile_navi li a {
display: block;
width: 100%;
color: #FFF;
font-family: RockwellStd;
font-size: 1rem;
font-weight: normal;
text-transform:uppercase;
padding: 12px 0 12px 0;
border-bottom:1px solid #666;
}

/*
-------------------------------------------------------------
*/

.container{
width:100%;
}





input[type="radio"]{
margin: 0 0 0 0;
}



@media only screen and (min-width: 500px){	/* NOT a Smartphone */
	.part_oben{
	height: 72px;
	margin-top:0px;
	}
}









.footerdiv{
color:#FFF;
background-color:#2C2C2C;
min-height:188px;
background-image: url('img/logo_klein.png');
background-repeat:no-repeat;
background-position:top right;
padding:20px;
}




/* fuer das slide-menu */


.slide_from_off {
    r_ight: -320px;	
    h_eight: 100px;
    b_ackground: blue;
	o_pacity:0.8;
    position: absolute;
    width: 15.625rem;
	right: 0rem;
    -webkit-animation: slide_from_off 0.5s forwards;
    animation: slide_from_off 0.5s forwards;
}

.slide_from_on {
    position: absolute;
    width: 15.625rem;
	right: 15.625rem;
    -webkit-animation: slide_from_on 0.5s forwards;
    animation: slide_from_on 0.5s forwards;
}


@-webkit-keyframes slide_from_off {
    100% { right: 15.625rem; }
}

@keyframes slide_from_off {
    100% { right: 15.625rem; }
}

@-webkit-keyframes slide_from_on {
    100% { right: 0rem; }
}

@keyframes slide_from_on {
    100% { right: 0rem; }
}







.top-bar{
background-color:none;
background:none;
padding:0px 17px;
height:62px;
}

.top-bar-section ul li a{
padding:0px ! important;
line-height: 62px ! important;
text-decoration:none ! important;
background:none ! important;
}

.top-bar-section ul li {
background:none ! important;
}

.c_gold{
background-image: url('img/nav.jpg');
background-size:100% 100%;
height:12px;
-webkit-box-shadow: 0 -10px 20px 10px black;
-moz-box-shadow: 0 -10px 20px 10px black;
box-shadow: 0 -10px 20px 10px black;
}


@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
.c_gold{
height:62px;
}
}



.nav_tb {
margin:0px;
padding:0px;
}


.nav_tb ul{
margin:0px;
padding:0px;
}

.nav_tb ul li {
    display: block;
    float: left;
	b_ackground-color:green;
	height:62px;
	line-height:62px;	
	w_idth:120px;
	margin-right:6px;
	background-image: url('img/arrow.png') ! important;
	background-repeat:no-repeat ! important;
    padding-right: 24px;
    background-position: center right ! important;
	}
	
.nav_tb ul li a{
	font-family: RockwellStd;
	color:#000 ! important;
    font-size: 22px;
	text-transform:uppercase;
}

.social{
display:block;
float:right;
height:62px;
b_ackground-color:red;
margin-left:16px;
background-repeat:no-repeat;
}

.facebook{
width:19px;
background-image:url('img/facebook.png');
background-position:0px 14px;
}

.xing{
width:30px;
background-image:url('img/xing.png');
background-position:0px 14px;
}














.features_link , .features_link_d{
display:block;
background-color:#DEB45C;
font-family: RockwellStd;
height:70px;
line-height:70px;
font-size:18px;
padding-left:20px;
background-image: url('img/nav_arrow.gif');
background-repeat:no-repeat;
background-position:right;
color:#000 ! important;
m_argin-bottom:4px;
border-left: 14px solid rgba(188, 149, 66, 0.9);

/* border-left: 14px solid rgba(195, 159, 85, 0.9); */ 
}






@media only screen and (min-width: 30.063em){
	.features_link{
	font-size: 22px;
	}
}

.dotts{
background-color:#BC9542;
opacity:0.9;
padding-top:29px;
background-image:none;
}

a.dott{
display:block;
width:12px;
height:12px;
background-color:#FFF;
border-radius:6px;
float:left;
margin-right:20px;
}

a.dott_b{
display:block;
width:32px;
height:70px;
b_ackground-color:#F02;
border-radius:0px;
float:left;
background-image: url('img/dott_wh_bl.png');
background-repeat:no-repeat;
background-position:center 29px;
}

a.dott_aktiv_g{
background-position:center -12px;
}


.introtext{
font-family: RockwellStd;
height:418px;
b_ackground-color:pink;
font-size: 15px;
line-height: 1.4em;
background-image:none;
border-left:14px solid #DEB45C;
padding: 20px 30px 20px 20px;
}




.introtext_mobile {
    font-family: RockwellStd;
    h_eight: 418px;
    b_ackground-color: pink;
    font-size: 15px;
    line-height: 1.4em;
    background-image: none;
    border-left: 14px solid #DEB45C;
    padding: 20px 30px 20px 20px;
	margin-bottom:4px;
	b_ackground:cyan;
	background-color: #DEB45C;
	display:none;
}



.menschentext{
height:440px;
}

/*
.menschentext{
height:462px;
}
*/





/* NOT smartphone (special) */
@media only screen and (min-width: 30.063em){
	.introtext{
	h_eight:292px;
	}
	.introtext{
	height:366px;
	}
	.menschentext{
	height:292px;
	}	
}



.hyphenate{
/* color:pink ! important; */
hyphens: auto; 
-webkit-hyphens: auto; 
-moz-hyphens: auto; 
-ms-hyphens: auto;
}

.donthyphenate{
/* color:pink ! important; */
hyphens: none; 
-webkit-hyphens: none; 
-moz-hyphens: none; 
-ms-hyphens: none;
}





.introtext div{
font-size:15px;
font-family: RockwellStd;
}


.introtext h3{
margin-top:0;
margin-bottom:20px;
}


.new_sticky {
    position: fixed;
    top: 0px;
    left: 0px;
    background: pink;
    height: 76px;
    width: 100%;
    opacity: 0.9;
    z-index: 889;
    p_adding: 0px;
    m_argin: 0px;
    b_order: 0px;
    box-shadow: 0px 2px 10px 0px #666;
}

h3{
font-family: RockwellStd;
font-weight:normal;
font-size:22px;
}

/* NOT smartphone */
/*
@media only screen and (min-width: 40.063em){
	h3{
	font-size:2.2rem; 
	font-size:22px;
	}
}
*/

h3.kunden{
margin:0px;
padding:0px;
margin-top:22px;
margin-left:18px;
f_ont-size:22px;
}

/* NOT smartphone */
@media only screen and (min-width: 40.063em){
	h3.kunden{
	margin-top:20px;
	}
}

h3.hallo{
font-size:32px;
margin:12px 0px 16px 0px;
}

/* NOT smartphone */
@media only screen and (min-width: 40.063em){
	h3.hallo{
	font-size:32px;
	margin:12px 0px 16px 0px;
	}
}

#contactform-outer{
padding: 20px;
margin-top: 86px;
b_ackground-image:url('img/brown.png');
background-image:url('img/content-translucent-bg.png');
}
	
input[type='text'],textarea,select{
color:#000;
border:0px solid #FFF;
margin: 0 0 8px 0;
height:34px;
font-family: arial,verdana,sans-serif;
}

textarea{
height:190px;
}

.form_footer input[type='text'] , .form_footer textarea , .form_footer select{
background:#d0a64f;
height:28px;
}

.form_footer textarea{
height:120px;
}

.form_footer select{
padding-top:0px;
padding-bottom:0px;
background-image:url('img/arrow_down.gif');
background-repeat:no-repeat;
background-position:center right;
}


.row_footer{
b_ackground:yellow;
}

h2{
font-family: RockwellStd-Bold;
font-weight: normal;
font-style: normal;
font-size: 14px;
margin-bottom:10px;
}
.row_footer div{
font-family: RockwellStd;
text-align:center;
padding-top:61px;
}


h2 span{
background:#000;
padding:0px 40px;
color:#DEB45C;
}


.row_footer div a{
color:#000 ! important;
}

.love{
margin-top: -3px;
}
	
	
.pic_footer{
position:relative;
display:block;
height:340px;
b_ackground-color:#FFF;
background-repeat:no-repeat;
background-position:center;
m_argin: 13px 0px 0px 0px;
margin:auto;
margin-top:13px;
max-width:318px;
}

.titris{
display:block;
position:absolute;
bottom:10px;
left:10px;
width:123px;
height:121px;
background-image:url('img/titris.png');
}



.submit_button{
display:block;
font-family: RockwellStd;
text-align:center;
font-size: 16px;
line-height: 30px;
color:#000 ! important;
b_ackground-color:#333;
b_ackground-image:url('img/content-translucent-dark-bg.png');
background-color:#C09846;
/_
text-transform: uppercase;
height: 28px;
}



.dl_pdf_wrapper{
position: absolute;
width: 100%;
padding: 20px;
b_ackground: pink;
bottom: 0px;
}	
	
	
	
	
.p_buero{
background-image:url('img/buero_aussen_2.jpg');
}

.p_buch{
background-image:url('img/book.jpg');
}

.link_impressum{
display:block;
background:#000;
color:#FFF ! important;
height:20px;
line-height:20px;
text-align:center;
padding:0px 15px;
font-style:italic;
margin-top:92px;
float:right;
margin-left:10px;
}

/* NOT smartphone */
@media only screen and (min-width: 40.063em){
	.link_impressum{
	float:right;
	margin-left:10px;
	}
}




.footer_0{
text-align:center;
font-family:RockwellStd;
height:130px;
}








.kachel{
b_ackground:orange;
height:170px;
position:absolute;
}


.introtext div{
padding-right:50px;
}

/*
.kunden_kachel{
background:orange;
height:170px;
position:absolute;
}
*/

.kachel_1{
display:block;
}

.kachel_2,
.kachel_3,
.kachel_4,
.kachel_5,
.kachel_6,
.kachel_7,
.kachel_8,
.kachel_9,
.kachel_10,
.kachel_11,
.kachel_12,
.kachel_13{
display:none;
}


/* ---------------------------- */

.rslides_kunden {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides_kunden li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides_kunden li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides_kunden img {
  display: block;
  height: auto;
  f_loat: left;
  width: 230px;
  border: 0;
  m_argin-left:45px;
  margin: auto;
  b_order:1px solid red;
  }



/* ---------------------------- */
  
  
  
  
  
  
  

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  


.prev_TB{
display: block;
position: absolute;
left: 0px;
top: 50%;
z-index: 109;
margin-top: -13px;
margin-left: 32px;
background-repeat:no-repeat;
background-position:right;	
opacity:0.7;
width: 32px;
height: 36px;
b_ackground: green;
background-image: url('img/slider_left.png');
}
  
.next_TB{
display: block;
position: absolute;
right: 0px;
top: 50%;
z-index: 109;
margin-top: -13px;
margin-right: 32px;
background-repeat:no-repeat;
background-position:right;
opacity:0.7;
width: 32px;
height: 36px;
b_ackground: green;
background-image: url('img/slider_right.png');
}

.mini_1{
margin-top:-28px;margin-left:22px;background-size:50%;background-position:top left;
}

.mini_2{
margin-top:-28px;margin-right:22px;background-size:50%;background-position:top right;
}


/*
.row_kunden{
m_ax-width:330px;
}


@media only screen and (min-width: 40.063em){
	.row_kunden{
	max-width:966px;
	}
}
*/

.row_kunden{
max-width:966px;
}
	
/* NOT smartphone */
@media only screen and (min-width: 40.063em){
	.prev_TB , .next_TB{
	b_ackground: blue;
	display: none;
	}
}

.rslides1_tabs li{
float:left;
list-style-type:none;
}  

.rslides1_tabs li a{
display:block;
width:12px;
height:12px;
background-color:#FFF;
border-radius:6px;
float:left;
margin-right:20px;
text-indent: -9999px;
overflow: hidden;
}


a.dott_aktiv , .rslides1_tabs li a.dott_aktiv{
background-color:#000;
}





.introtext ul li{
font-size: 15px;
line-height: 1.4em;
}



#leistungen{
background-image:url('img/leistungen.jpg');
p_adding-top:120px;
}

#kunden{
background-image:url('img/kunden.png');
background-repeat:no-repeat;
background-position:top center;
}

#galerie{	
h_eight:600px;	
b_ackground-image:url('img/galerie1.jpg');
background-repeat:no-repeat;
background-position:top center;
b_ackground-size:100% auto;
padding-top:410px;
}

.features_oben{
margin-bottom:4px;
}

.abst_96{
height:96px;
}


.row_wrapper{
position:absolute;
top:0px;
left:0%;
width:100%;
max-width:498px;
}


/* NOT smartphone */
@media only screen and (min-width: 40.063em){
	.row_wrapper{
	left:50%;
	width:50%;
	max-width:498px;
	}
}
	
	


#maps_wrapper{
position:relative;
}


#maps{
/* background-image:url('img/holzboden_1.jpg'); */
height:644px;
}

/* NOT smartphone */
/*
@media only screen and (min-width: 40.063em){
	#maps{
	height:594px;
	}
}
*/


#maps_2017{
b_ackground:pink;
height:340px;
background-image:url('img/maps_unscharf.png');
background-repeat:no-repeat;
background-size:cover;
}



	
#overlay{
display: none;
width: 100%;
height: 99.9%;
position: fixed;
b_ackground: #000;
z-index: 1009;
o_pacity: 0.8;
background-image:url('img/black.png');
}

#overlay #imp{
display:block;
position:relative;
width:86%;
height:86%;
background:#FFF;
h_eight:500px;
color:#000;
overflow-y:scroll;
padding:40px;
margin:auto;
margin-top:20px;
}

#close_imp{
display:block;
width:20px;
height:20px;
position:absolute;
right:20px;
top:20px;
background-image:url('img/close.gif');
}


#overlay #imp p{
font-size:10px;
}

/* NOT smartphone */
@media only screen and (min-width: 40.063em){
#overlay #imp p{
font-size:12px;
}
}



.abst_responsive{
height:60px;
b_ackground:pink;
}

/* NOT smartphone */
@media only screen and (min-width: 40.063em){
	.abst_responsive{
	h_eight:115px;
	b_ackground:cyan;
	}
}




h6{
display:none;
}
	
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#333;
opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#333;
opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#333;
}
::-ms-input-placeholder { /* Microsoft Edge */
color:#333;
}

/*
.int_1{
height:200px;
}
*/

p {
font-size: 15px;
line-height: 1.4em;
}
	
	
.impressumtext{
font-family: RockwellStd;
font-size: 15px;
line-height: 1.4em;
background-image: none;
background:#FFF;
/* border-left: 14px solid #DEB45C; */
padding: 20px 30px 20px 34px;	
}

.einv_check{	
display: block;
width: 20px;
height: 14px;
float: left;
padding-top: 3px;
}

.maps_hinweis {
display: block;
position: relative;
margin: 0px auto;
background: #FFF;
font-size: 12px;
padding: 20px;
width: 90%;
top: 0px;
height: auto;
padding: 10px ! important;
border:1px solid #222;
}

.maps_hinweis form input[type="submit"]{
display: block;
margin: 10px auto 0px auto;
border: 1px solid #000;
padding: 6px 20px;
}