@charset "utf-8";
/* ubuntu-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../src/fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../src/fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../src/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../src/fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../src/fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../src/fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../src/fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../src/fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../src/fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../src/fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../src/fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../src/fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

body{margin: 0px;padding: 0px;font-family: 'Ubuntu', sans-serif}
html *{box-sizing: border-box}
header{background: #fff;min-height:4em;}
nav{background: #76acc4;border-top: 1px solid #6795a8}
@keyframes loganim {
  from {  top: -200px;}to {  top: 0px; }
 }
main{min-height: 50vh; background: url("camperhandel_bg25.svg") bottom center no-repeat;background-size: 100% auto;}
section{max-width: 100%;max-width: 1280px;margin: 0 auto;padding:1em;display: flex;justify-content:space-between}
footer{background: #76acc4;box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);line-height: 1.45em;color: #fff}
#logo_div{;background: #fff;text-align: center}

#logo{width: 220px}
#partner p img{width: 90%;max-width: 350px;height: auto}
.sec_left p{line-height: 1.5em}
.sec_left h2{margin-top: 1.8em}
.sec_left h3{margin-top: 1.5em}

.mw{width: 100%; max-width: 1280px;margin: 0 auto}
.blue{color: #76acc4}.green{color: #91c437}
.flex{display: flex}
.scr_index{background-image: url("DerCamperhandel-Startseite.jpg")}
.scr_neuwagen{background-image: url("DerCamperhandel-Malibu.jpg")}
.scr_leistungen{background-image: url("DerCamperhandel-Leistungen.jpg")}
.scr_kontakt{background-image: url("DerCamperhandel-Kontakt.jpg")}
.scr_philosophie{background-image: url("DerCamperhandel-Philosophie.jpg")}
.scr_impressum{background-image: url("DerCamperhandel-Impressum.jpg")}
.scr_gebrauchtwagen{background-image: url("DerCamperhandel-Gebrauchtfahrzeuge.jpg")}
.foot1{width: 60%}
.foot2{width:38%}
.sec_left{width: calc(100% - 550px)}
.sec_right{width: 350px;right: 0}
.sec_right img{width: 100%;height: auto}
.sec_right h2{margin-top: 2.5em;border-bottom: 2px dotted #ccc;color: #91c437;padding-bottom: 0.5em}
.sec_right h3{color: #76acc4}
.form{height: 100%;width: 100%;background:
url("bg_wh.svg") bottom center no-repeat;background-size:100%;z-index:1000000000000000000000000}
h1{font-family: 'Ubuntu';font-weight: bold;font-size:3em}
nav{z-index: 5;box-shadow: 0 8px 8px 2px rgba(0,0,0,0.5);position: relative}
nav div{text-align: center}
nav div a{display: inline-block;padding:1em;color: #fff;font-weight: bold;text-decoration: none;border-bottom:6px solid #76acc4}
nav div a:hover, nav div a:focus{background: rgba(0,0,0,0.3);border-bottom:6px solid rgba(0,0,0,0.3) }
.foot2{text-align: right}
.foot2 a{margin-bottom: 0.2em;display: inline-block;padding: 0.5em;color:#fff}
.foot2 a:hover, .foot2 a:focus{background: rgba(0,0,0,0.3)}

.zitat_div{display: flex;justify-content: space-between;margin: 2em auto}
.zitat_pers{width:200px;height: 200px;border: 4px solid ;border-radius: 10000px}
.bc_blau{border-color:#76acc4}
.bc_green{border-color:#91c437}
.zitat_text{width: calc(100% - 250px);}
.foto_full{}
.foto_full img{width: 100%;height: auto}
.caption{font-style: italic}
.tag{display: inline-block;width: 7em}
.form_flex{display: flex;justify-content:space-between;margin: 2em auto}
input{-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);}
input[type="checkbox"]{height: 2.5em;width: 2.5em;}
input[type="submit"]{font-weight: bold;font-size: 1.2em;;;padding: 0.7em;}

label{display: block;width: calc(100% - 4em)}
.hinweis{padding: 0.64em;border: 2px solid #c00;background: rgba(255,255,255,0.9)}
iframe{background-color: rgba(255,255,255,0)}
#termine{width:100%;height: auto;background:#f00;color:#fff;text-align: center;box-sizing: border-box;padding: 1em 0.25em;font-size: 1.2em;font-weight:bold}
.marq {
;
color: #fff;
	font-size:2.05em;
	font-weight: bold;
 white-space: nowrap;
 overflow: hidden;
 padding: 15px 0;
margin: 0;
 animation-name: text-indent-animate;
 animation-duration: 30s;
 animation-timing-function: linear;
 animation-direction: forwards;
 animation-iteration-count: infinite;
}

.marq:hover {
 animation-play-state: paused;
}

@keyframes text-indent-animate {
 0% {
   text-indent: 102%;
 }

 100% {
  text-indent: -102%;
 }
}

.team_container{display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap; margin: 0% auto;width: 100%;}
.team_pers{width: 40%;margin: 1% 5%}
.team_img{box-sizing: border-box;width:100%}
.team_img img{width: 100%;height: auto;display: block}
.team_descr{text-align: left;padding:0.2em;box-sizing: border-box;display: block;;background: #ccc;margin: 0;}
.team_descr h3, .team_descr p{margin: 0.2em 0;;padding: 0.5em}
.team_bg1{background: #ccc}

@media screen AND (max-width: 800px){
	.flex, section{display: block}
	.sec_left{width: 99%;margin:  auto} 
	.sec_right{width: 99%;margin:  auto;text-align: center}
	.sec_right img{width: 80%;max-width: 300px; margin: 0.5em auto}
	footer{text-align: center;padding: 1em auto;display: block}
	.foot1{width: 100%}
.foot2{width:100%;text-align: center}
	.flex{padding: 0.5em}
	#logo_div{;position: inherit;background: #fff;padding:1em;-webkit-box-shadow: 0 0 4px 4px rgba(0,0,0,0.3);  animation-name: loganim; animation-duration: 1.5s;animation-iteration-count: 1;transition:  ease;text-align: center;
box-shadow: 0 0 4px 4px rgba(0,0,0,0.3);;border-radius: 0}
#logo{width: 150px}
	nav div{padding: 0.4em;text-align: center}
	h1{font-family: 'Ubuntu';font-weight: bold;font-size:2.0em}
	#screener{width: 100%;height: 35vh;background-size: cover ;;background-attachment: scroll;}
	
	.marq {
;
color: #fff;
	font-size:1.4em;
	font-weight: bold;
 white-space: nowrap;
 overflow: hidden;
 padding: 15px 0;
margin: 0;
 animation-name: text-indent-animate;
 animation-duration: 25s;
 animation-timing-function: linear;
 animation-direction: forwards;
 animation-iteration-count: infinite;
}

.marq:hover {
 animation-play-state: paused;
}

@keyframes text-indent-animate2 {
 0% {
   text-indent: 105%;
 }

 100% {
  text-indent: -210%;
 }
	
}