/* CSS Document */
/*
 Theme Name: GeneratePress Child-Theme
 Description: Responsive WordPress Theme for auxcamper.de based on GeneratePress 
 Author: webgaroo webdesign studio
 Template: generatepress
 Version: 1.0 11.2020
 Text Domain:  generatepresschild
*/

/*------------0. MAIN-----------------*/
/*------------1. PAGE HEADER--------------*/
/*------------2. CONTENT-----------------*/
/*------------3. NAVIGATION--------------*/ 
/*------------4. FOOER--------------------*/
/*------------5. BLOG-----------------------*/
/*------------6. SLIDE---------------*/
/*--------- --7. SHORT CODES--------------*/
/*------------8. TABLE-------------------*/ 
/*------------9. FORM-------------------*/ 
/*------------10.DIFFERENT----------------------------*/


/*------------0. MAIN-----------------*/
body {
	font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
	color: #333333;
	background-color: #fff;
}
/*-----------fur Anzeige-----------------*/
blockquote em {
  color: #fff;
}	

blockquote {
    background-color: #595959;
	padding: 30px;
    color: #fff!important;
	font-size: 18px;
	border: none;
	box-shadow: 10px 10px 0px #e31d25;
	font-style: normal;
}


em {
	font-weight: bold;
	color: #B11618;
}
strong {
	color: #B11618;
}

pre {
	max-width:100%;
	white-space:pre-wrap;
	padding:60px;
	font-size:17px;
	background-color: #fff;
	line-height: 28px;
	border: 1px solid #B11618;
	text-align: center;
}

hr {
	background-image: url(images/bar.png);
}

/*------------1. PAGE HEADER--------------*/
.site-header {display:none;}
.header-image {max-width:150px;}
/*------------2. CONTENT-----------------*/
.entry-title {
	display:none;
}
.site-content a {
	color:#B11618;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}
.site-content a:hover {
	color:#666666;
}
.site-content ul{margin-left: 0px;}
.site-content ol{margin-left: 0px;}
.site-content ul li  {
	background-image: url(images/list.png);
	background-repeat: no-repeat;
	background-size: 10px 8px;
	padding-left: 20px;
	background-position: left 12px;
	list-style-type: none;
}
.site-content ol li {
	background-position: left 9px;
	padding: 0 0 0 20px;	
}
h1{
	font-size: 50px;
	margin-bottom: 50px;
	text-align:center;
	line-height: 50px;
	font-weight: bold;	
}

h2{
	margin-bottom: 20px;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	background-image: url(images/h1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
	font-weight: bold;
}

h3 {
	font-size: 17px;
	text-transform: uppercase;
	text-align: center;
}
h4, h5 {
	font-weight: bold;
}
h6 {
	font-weight: bold;
	text-align: center;
}

/*------------3. NAVIGATION--------------*/ 
.menulogo img{
  	width: 180px;
	padding-top:10px;
}
.main-navigation {
    background-color:#393838;}
.main-navigation li {
      padding-right: 20px;
	  padding-left:20px;
}
.main-navigation .main-nav ul li a {
	font-size: 16px;
	text-transform: uppercase;
	color:#fff;
}
.main-navigation .main-nav ul li a:hover {
	color: #ccc;
}
.main-navigation.is_stuck {
	background-color:#FFFFFF;
}
.main-navigation.is_stuck a{
    color:#333;}
.main-navigation .main-nav ul li[class*="current-menu-"] > a  {
	font-weight:700;
	background-color:transparent;
}
.menu-toggle .mobile-menu {
    display: none;} /*remove the word MENU*/
.main-navigation .menu-toggle{
	color:#c42c34!important;
	font-size:30px;
}
.slideout ul li a{
	font-size:40px!important;
}
.slideout-navigation.main-navigation {
    background-color: rgba(10,10,10,0.8)!important;
}
.slideout-navigation.do-overlay .slideout-exit {
  color: #fff;
}
/*------------4. FOOER--------------------*/
.footer-widgets {
	color: #fff;
	text-align: center;
	background-color:#393838;
}

.footer-widgets a, .footer-widgets a:visited {
    color: #fff;
	border-bottom:dashed 1px;
}
.footer-widgets a:hover {
	color: #ccc;
}
.footer-widgets strong {
	font-weight: bold;
	text-transform: uppercase;
}
.footer-widgets p {
	margin-bottom: 15px;
}
.site-info {
	background-color: transparent;
}
.site-info a, .site-info a:visited {
   color: #333; 
   border-bottom:dashed 1px;
}
 .site-info a:hover {
	color: #c42c34;
}
.copyright-bar li  {
	background-image: none;
	display: inline;
	list-style-type: none; 
	margin-right:10px;}

.footer-bar-align-right .copyright-bar {
    float: none;
}

/*--------- --7. SHORT CODES--------------*/
/*---------------spoiler------------------*/
.su-spoiler-title {
    font-weight: normal!important;
    font-size: 17px!important;
	color: #333;
	background-color:#ccc; 
	text-align:center;
}
.su-spoiler-icon {padding-left:50px!important;
}

/*------------8. TABLE-------------------*/ 
table, #cv td {border: none;}

#cv tr:nth-of-type(odd) { background: #fff; }/*row color*/
#cv tr:nth-of-type(even) {background: #fff;}

#cv td{
	vertical-align: top;
	border:none;
	border-bottom:solid 1px #FFF;
}
#cv tr:hover {
	background-color: #fff;
}

.color1 {
	background-color: #E8E8E8;
}
.color2 {
	background-color: #D7D7D7;
}
.color3 {
	background-color: #FFE1E1;
}
.color4 {
	background-color: #FFCECE;
}

#cv2 td {
	vertical-align: top;
	border:none;
	border-bottom:solid 1px #ccc;
}

caption {
	margin-bottom: 20px;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	background-image: url(https://auxcamper.de/wp-content/themes/generatepresschild/images/h1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
	font-weight: bold;
}
/*------------9. FORM-------------------*/ 
/*------------WPForm--------------------*/
/*.form input, .form textarea, .form select {
	min-width: 100%;
	background-color:#fbf2e8!important;
	border:1px solid #CCCCCC!important;
	color:#666666!important;
}
.wpforms-form button{
    background-color: #B11618!important; 
	border: none!important;
	color:#fff!important;
}*/

/*------------10.DIFFERENT----------------------------*/

/*------------Startseite Anzeige im Banner-----------------------*/
.page-hero h1 {
	color:#fff;
    font-size: 40px;
	padding: 20px;
	background: rgba(220,160,140,0.7);
	margin: 0 60px;
	line-height: 50px;
}

/*.an {
	color:#fff;
    font-size: 40px;
	padding: 20px;
	background: rgba(220,160,140,0.5);
}

.angebot {
	text-align:center;
}*/

.su-box {padding:10px 0 30px 0; }
/*------------Karte-----------------------*/
.page-id-16 .generate-sections-inside-container {
    padding-left: 0;
    padding-right: 0;
}
/*------------AGB HTML-----------------------*/
.page-id-753 h2 {
	text-align:left;
	background-image:none;
}

/*------------Logo im Footer-----------------------*/
.logo2 {width:180px!important;}

.awmp-map {
    font-family: "Segoe UI", "serif";
  }

/*------------Tab focus-----------------------*/
*:focus-visible {
  outline-color: #B11618;
  outline-style: solid;
  outline-offset: .25rem;
  outline-width: .25rem;
	}
.su-button-center	*:focus-visible {outline-color:#e31d25!important;}

.steckbrief strong {
	color:#333;
}


@media screen and (max-width: 1000px) {
.main-nav ul li a {
   font-size: 14px!important;
   padding-left: 5px!important;}
}
.main-navigation li {
      padding-right: 5px;
	  padding-left:5px;
	  font-size: 14px!important;
}
.page-id-16 .generate-sections-inside-container {
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-width: 768px) {
.site-header {display:inline;}
.menulogo {display:none;}

body, blockquote, button, input, select, textarea, .sidebar .widget, .footer-widgets .widget, .footer-widgets .widget-title, .site-info  { 
   font-size:17px;
   text-align:center;
}
/*pre {
  padding:10px!important;
  text-align:left;
}*/
h1{
	font-size:35px!important;
	margin-bottom: 30px;
	line-height: 40px;
}
 /*------------Startseite Anzeige im Banner-----------------------*/
.page-hero h1 {
  font-size: 25px!important;
	padding: 20px;
	margin: 0 20px!important;
	line-height: 35px;
	font-weight:;
}	

.main-nav ul li a {
  font-size: 20px!important;
 }
.main-navigation .main-nav ul .current-menu-item > a {font-weight: 700!important;}

.copyright-bar ul {margin: 0;}
.copyright-bar ul li{
    display: block;
	padding: 0;
	margin: 10px 0;
}
/*-----RORM----------*/
textarea {resize:horizontal; max-width:100%!important;}
/*-----CONTENT----------*/
.site-content ul {margin-left: 0px;}
.site-content ul li {
	padding-left: 0px;
	background-position: center bottom;
	padding-bottom: 15px; 
}

/*----SHORT CODES----------*/

.su-spoiler-icon {
   padding-left: 10px!important;
}
.su-spoiler-title {
	padding-left:45px!important; 
	text-align:left!important; 
	font-size:15px!important; 
	line-height:25px!important;
}
.su-spoiler-content {
   padding-left: 10px!important;
}
 .center .su-column img {
      max-width: 120px !important;
}
.angebot{
  text-align:center;
  border:solid 1px #2B5D69;
}
.angebot .su-column img {
   max-width: 200px!important;
}
 table, #cv td {
 text-align: left;
 font-size: 14px;
 } 
.an {
  font-size: 17px;
	padding: 0px;
} 
table {
margin-right:10px;
}