/* 
Hellgrau #777675
Grau #3d3d3c
rot #891819
orange #dd7612
*/

body {
  color:#3d3d3c;
  font-size:100%;
  background: #fff;
	margin:0 0 0 0;
  padding: 0 0 0 0;
  letter-spacing: 0em;
  font-size: 1em;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;

  }


/* Hintergrund Boxen
section .line {
    background: -moz-linear-gradient(left,
                    transparent 0%,
                    transparent 0.9900%,
                    #fff 0.9900%,                    
                    #fff 32.3333%,
                    #fff 32.3333%,                    
                    transparent 32.3333%,
                    transparent 34.2880%,
                    #fff 34.2880%,                    
                    #fff 65.7%,
                    #fff 65.7%, 
                    transparent 65.7%,
                    transparent 67.7%, 
                    #fff 67.7%,                    
                    #fff 99%,
                    transparent 99%,
                    transparent 100%);
                   }
*/                  

time {display:none;}

/*Standard Box*/
.frame-layout-0 {background:tansparent;}
/*Graue Box*/
section .frame-layout-1 {background:#d5d2d2;} 
section .frame-layout-1 h2 {color:#6d4d2d;}
/*Rote Box*/
section .frame-layout-2 {background:#891819;color:#FFF;} 
section .frame-layout-2 h1, section .frame-layout-2 h2 {color:#dd7612; }
section .frame-layout-2 a, a:link, a:visited, a:active {color:#777675;}


.frame-rand-hell .ce-textpic {border: solid 0.1em #dd7612; padding:2em 1em 1em 1em;}
.frame-rand-dunkel {border: solid 0.1em #3d3d3c;padding:2em 1em 1em 1em;}


/* Rahmen um Spalten Home */

.Layout4  .line4-1 {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}


.Layout4 .card {
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  width: 30%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 45%;
  margin:1em;
}

.Layout4 .card:hover {box-shadow: 0 8px 16px 0 rgba(0,0,0,1);}
.Layout4 .card .container {padding: 2px 16px;}


/* Header Link über ganzen Container */
.Layout4 .card header {display:block; position:absolute; width:100%; height: 100%;float:left;margin-left:-2.8em; margin-top:-1em;}
.Layout4 .card header h1, .Layout4 .card header h1 a{display:block; position:relative; width:100%; height:100%; z-index:99;font-size:0em;}
.Layout4 .ce-textpic {z-index:1;}





.frame-linie-braun-links {border-left: solid 0.1em #dd7612; padding:2em 0.5em 0.5em 0.5em;}

.header-box2 p {font-size:0.8em;padding-top:1em;padding-bottom:3.5em;}

.text-center {text-align:center;}
.text-right {text-align:right;}

h1, h2, h3, h4, h5, h6 {
  color:#891819;
  font-weight: 300;
  margin:0.2em 0 0.2em 0em;
  font-style:normal;
  padding: 0 0 0 0 !important;
}

.image-caption a {display:block; width:100%; height:100%;padding:1em;color:#FFF !important; font-size:1.5em; text-align:center;font-weight:normal;text-decoration:none;}


footer p {font-size:0.7em;letter-spacing:0.1em;line-height:1.5em;color: #fff;}
footer a {color: #fff!important;}
footer a:hover {text-decoration:underline;}
.footer-center p {text-align:center;}
.footer-right p {text-align:right;}


section p.text-klein {font-size:0.8em; line-height:1.5em;}
section p {font-size:1em;margin-bottom:0.5em;}


section ul, section ol {line-height:1.4em;padding:1em 0 1em 1em;}
section ul li, section ol li  {padding-top:0.1em;}

h1 {font-size:2em;line-height:1.5em;}
h2 {font-size:1.5em; line-height:1.5em;}  
h3 {font-size:1em;}  
h4 {
    font-size:1em;
    font-weight:bold;
}  

.csc-header {margin-bottom:1em;}

a, a:link, a:visited, a:active {
	text-decoration:none;
  color:#891819;
	}
  
 a:hover {text-decoration:underline;}
 
#p16 .line4 .l-4 , #p16 .line4 .col,  #p16 .line4 .frame {display: block; align-items: left;}        
#p16 .line4 {background:#d5d2d2;}
#p16 .line4 .frame {padding: 0.5em 1em 0.5em 1em;} 
#p16 .line4 a {font-size: 0.8em;}

.frame-ruler-after:after {margin-top:0em;} 

.line4 {display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;}     

.line4 .l-4 , .line4 .col, .line4 .frame {display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: stretch;}       
        
        

.col3 a.icon, .col4 a.icon, .col5 a.icon {display:block;width:100%;text-align:center;}
 a.icon img {max-width:100px; text-align:center;}

/*Button */

  
 img {
	height:auto;
	width:100%;
	}
  
table {
	background:none repeat scroll 0 0 #fff;
	border:1px solid #D0D0D0;
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
	width:100%;
	}
table tr td, table tr th {padding:0.625em;}
table tfoot, table thead {background:none repeat scroll 0 0 #e0e0e0;}
table tr:nth-of-type(2n) {background:none repeat scroll 0 0 #e0e0e0;}
th {border-right:1px solid #fff;}
td {border-right:1px solid #e0e0e0;}


a.internal-link {padding:2px 17px 5px 0;background: transparent url(../img/link-internal.png) no-repeat right center;}
a:hover.internal-link {background: #d4d4d4 url(../img/link-internal-hover.png) no-repeat right center;}



a.zoom {display:block; padding:0.5em !important;}

a.zoom img {-webkit-transform: scale(0.8);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
/*Rund= 50% gerade = 100% */
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;

}

a.zoom img:hover {-webkit-transform: scale(1.2) rotate(380deg);
-moz-transform: scale(1.2) rotate(-40deg);
-ms-transform: scale(1.2) rotate(-40deg);
-o-transform: scale(1.2) rotate(-40deg);
transform: scale(1.2) rotate(-40deg);
opacity: 1;
}


header a.zoom img {border:solid 0.3em #6d4d2d;}
header a.zoom img:hover {background:#f6cda5;padding:0.5em; box-shadow: 5px 5px 10px #6d4d2d;}

a img:hover {opacity: 0.5;}


section a[href^="mailto:"] {
  background: url(../img/icon_mail.png) center left no-repeat;background-size: 20px;
  display:inline-block;
  padding-left:25px;  
}

/*:hover[href^="mailto:"] {background: #d4d4d4 center right no-repeat !important;}*/

section a[href^="tel:"] {
  background: url(../img/icon_tel.png) center left no-repeat;background-size: 20px;
  display:inline-block;
  padding-left:25px;  
}

/* PDF-Links 
a[href$='.pdf'] {
  background: url(../img/link-pdf.gif) center left no-repeat;
  display:inline-block;
  padding-left:25px;
  line-height:20px;
}
a:hover[href$='.pdf'] {background: #d4d4d4 url(../img/link-pdf.gif) center left no-repeat !important;}

/* Excel-Links 
a[href$='.xls'], a[href$='.csv'], a[href$='.xlw'], a[href$='.xlt'] {
  background: url(../img/excel.png) center left no-repeat;
  display:inline-block;
  padding-left:25px;
  line-height:25px;
}
/* Word-Links 
a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'] {
  background: url(../img/word.png) center left no-repeat;
  display:inline-block;
  padding-left:25px;
  line-height:25px;
}

*/



a.button-beige {display:block; position:relative;float:left; width:100%; height:auto;}

.button-beige {
    line-height: 50px;
    height: 50px;
    text-align: center;
    width: 250px;
    cursor: pointer;
}

*/
.button-beige {
    color: #FFF;
    transition: all 0.5s;
    position: relative;
}
.button-beige::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255,255,255,0.1);
    transition: all 0.3s;
}
.button-beige:hover::before {
    opacity: 0 ;
    transform: scale(0.5,0.5);
}
.button-beige::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
    border: 1px solid rgba(255,255,255,0.5);
    transform: scale(1.2,1.2);
}
.button-beige:hover::after {
    opacity: 1;
    transform: scale(1,1);
}


 /*responsive IFrame, object embed*/

.responsiveContainer {
  position: relative;
  padding-bottom: 70%;
  height: 0;
  overflow: hidden;
  min-height:600px;
}

.responsiveContainer-feratelcal {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  min-height:800px;
  min-width:700px;
  overflow: hidden;
}

responsiveContainer-anfrage {
  position: relative;
  padding-bottom: 70%;
  height: 0;
  overflow: hidden;
  min-height:1150px;
  }

.responsiveContainer iframe,
.responsiveContainer object,
.responsiveContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;	
}





@media only screen and (device-width: 768px) {
  /* iPad layouts */
h1 {font-size:1.1em;}
h2 {font-size:1.0em;}  
h3 {font-size:1.0em;}  
h4 {font-size:1em;}  
h5 {font-size:1em;}  
h6 {font-size:0.9em;}

section p {font-size:0.8em;}
section ul {font-size:0.8em; line-height:1.2em;padding:1em 0 1em 2em;}
section ul li {padding-top:0.1em;}

footer p {font-size:0.6em;line-height:0.9em;}

}
/* iphone */

@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)
{
h1 {font-size:1.1em;}
h2 {font-size:1.0em;}  
h3 {font-size:1.0em;}  
h4 {font-size:1em;}  
h5 {font-size:1em;}  
h6 {font-size:0.9em;}

section p {font-size:0.8em;}
section ul {font-size:0.8em; line-height:1.2em;padding:1em 0 1em 2em;}
section ul li {padding-top:0.1em;}


footer p {font-size:0.6em;}
footer .box {padding: 0 0 0 0;}

}