@charset "UTF-8";
html {font-size:16px;}

body,
input,
textarea,
select {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: 'Open Sans Condensed', verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #000; }
  
h1,
h2,
h3,
h4,
h5 {
  font-weight: 400; }  

h1 {
  font-size: 2rem;
  line-height: 2.5rem;  
  margin-top: 2.25rem;
  margin-bottom: 0 !important;
  padding-bottom:1rem;
  font-weight: 400;
  background: url(../Images/h1_bg.png) no-repeat 50% 100%;    
  color:#86bc25;  	
  }
h1 br {display:none;}
.top h1 {color:#fff; padding-bottom:0;}

h2 {
  font-size: 2rem;
  line-height: 2.5rem;  
  margin-top: 0.75rem;
  margin-bottom: 1.5rem !important;
  padding-bottom:1.5rem;
  font-weight: 400;
  color:#86bc25; 
  }
  
 
h3, .ce-uploads-fileName {
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  color:#4c667d; 
  font-weight: 400;
  }

.flex-container.flex-3 > div h3 {
	font-size: 1.5rem;
  line-height: 3rem;  
  margin-top: 3.75rem;
  margin-bottom: 0;
  padding-bottom:0.5rem;
  text-transform:uppercase;
  text-align:center;
  font-style: normal;
  font-weight: 500; 
  color:#006AB4;
}


.tx-gebrauchtmaschinen .flex-3 h3 {
	background:#808080; 
	color:#fff;
	text-align:center;
}  


pre,
table,
blockquote {
  margin-top: 1rem;
 }
 

p,
ul,
ol,	
pre,
table,
blockquote {
  margin-bottom: 1rem; }
  
.content-main ul {padding:0 0 0 1.5rem;} 
.content-main ul li{padding:0; margin:0;}
.subheadline { text-transform:uppercase; letter-spacing:0.5rem; }

blockquote {
  width: calc(90% - 1.5rem);
  border-left: 4px solid #a3aaac;
  padding-left: 1.5rem; }

.small,
small {
  font-size: 0.75rem; }

b,
strong,
.bold {
  font-family:'Open Sans Condensed', verdana, arial, helvetica, sans-serif;
  font-weight: 700; }

a {
  color:#86bc25;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }	
  a:focus, a:hover {
    color: #000; 
	}
a.anfrage-btn { background:#86bc25; display:block; padding:10px 0; text-align:center; margin:0 auto;  width:30%; text-transform:uppercase; color:#fff; }

footer [class*=col-3] {color:#fff; font-size:1rem; }	

.wrapper-footer a { color:#fff;  }
.wrapper-footer a:focus, 
.wrapper-footer a:hover { color:#000; text-decoration:none; }

sup,
sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em; }

sub { top: 0.4em; } 
.text-big { font-size: 1.25rem;}
  
  

@media screen and (min-width: 601px) {
html {font-size:24px;}	
h1 {
  font-size: 3rem;
  line-height: 3.25rem;  
  margin-top: 0;
  margin-bottom: 2rem !important;
  padding-bottom:1rem;
  font-weight: 700;
  background: url(../Images/h1_bg.png) no-repeat 50% 100%;    
  }

h2 {
  font-size: 1.75rem;
  line-height: 2rem;  
  margin-top: 0;
  margin-bottom: 2rem !important;
  padding-bottom:0;
  font-weight: 700; 
  }
  
h3 {
  font-size: 1.25rem;	
  line-height: 2.5rem;
  margin-top: 0;
  margin-bottom: 0;
  text-transform:uppercase;
  }
  
  
.tx-gebrauchtmaschinen .flex-3 h3 {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:#808080; 
	color:#fff;
	font-weight:700;
	text-align:center;
} 
footer [class*=col-3] {color:#fff; font-size:0.875rem; 	}
 
}
.klaro .cookie-modal p, .cm-app-description {font-size:0.75rem; line-height:1rem; }
.klaro .cookie-modal p, .cm-app-description {font-size:0.75rem; line-height:1rem; }
.klaro .cookie-modal .cm-modal .cm-header h1.title {
    background:none; margin:0 !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
  margin: 0 0 1.5rem 0;
  border-bottom-width: 0;
}

th,
td {
  padding: 0.25rem 0.375rem 0.25rem 0.375rem;
  border-bottom: 1px solid #a3aaac;
  text-align: left;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size:0.9rem;
}
td:first-child {width:70%; font-weight:400;}
td:last-child {text-align:right;}

th {
  padding-top: 0.75rem;
  font-family: 'Open Sans Condensed', verdana, arial, helvetica, sans-serif;
  font-weight: 400;
}

tr:hover td, tr:focus td {
  background: #f3f4f5;
  color: #3e4345;
}


.table-responsive,
.frame-type-table {
  margin-bottom: 1.5rem;
  overflow-x: auto;
  overflow-y: hidden;
}

th {
  background: #bccad5;
  color: #3e4345;
  font-weight: 600;
}

table caption {
  padding: 0.375rem;
}

  
@media (max-width: 1366px) {  

}

@media (max-width: 1024px) {  
html {font-size:24px;} 
}

@media (max-width: 800px) { 
   html {font-size:22px;} 
   h1 {
  font-size: 2rem;
  line-height: 2.5rem;  
  margin-top: 0;
  margin-bottom: 2rem !important;
  padding-bottom:1.5rem;
  font-weight: 700;
  background: url(../Images/h1_bg.png) no-repeat 50% 100%;      
  }

h2 {
  font-size: 1.5rem;
  line-height: 2rem;  
  margin-top: 0.75rem;
  margin-bottom: 2rem !important;
  padding-bottom:0;
  font-weight: 700; 
  }
} 

@media (max-width: 768px) { 
  html {font-size:22px;} 
  h1 {
  font-size: 2rem;
  line-height: 2.5rem;  
  margin-top: 0;
  margin-bottom: 2rem !important;
  padding-bottom:1.5rem;
  font-weight: 700;
  background: url(../Images/h1_bg.png) no-repeat 50% 100%;       
  }

h2 {
  font-size: 1.5rem;
  line-height: 2rem;  
  margin-top: 0.75rem;
  margin-bottom: 2rem !important;
  padding-bottom:0;
  font-weight: 700; 
  }
}



@media (max-width: 480px) { 
html {font-size:18px;} 
h1 { font-size: 1.75rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.125rem;}
a.anfrage-btn { background:#86bc25; display:block; padding:10px 0; text-align:center; margin:0 auto;  width:80%; text-transform:uppercase; color:#fff; }
}