body{	
	padding:0;
	margin:0;
}

h1 {
text-align:center;
color: #000000;
font-family: Verdana, Geneva, sans-serif;
}

h2 {
text-align:left;
color: #003399;
font-family: Verdana, Geneva, sans-serif;
}

h3 {
text-align:left;
color: #333333;
font-family: Verdana, Geneva, sans-serif;
}

p {
	margin-bottom:0.5em;
	color: #333333;
	margin-top:0;
	text-align:justify;
	font-family: Verdana, Geneva, sans-serif;
}

a {
	text-decoration: none;
	color: #003399;
	font-family: Verdana, Geneva, sans-serif;
}

a:hover {
	color:#0066ff;}
	
	
	em {
    font-style: italic;
}

li {
	margin-bottom:0.5em;
	color: #333333;
	margin-top:0;
	text-align:justify;
	font-family: Verdana, Geneva, sans-serif;
}


.button {
	 	
      
   border-radius: 9px;
background: linear-gradient(130deg, #000000, #003399);
    
box-shadow:  5px 5px 10px #e3e3e3,
             -5px -5px 10px #ffffff;
    
    
	 	text-align:center;
	 	padding:1em;
	 	margin:1em;
	 
	 	border-radius:6px;
	 	color:#ffffff;
    

    
	 	}
	 	
.button:hover{
	 	
	 	background: linear-gradient(130deg, #003399, #0066ff);
   box-shadow: none;
	 	color:#eeeeee;
	 	}


.button2 {
	 	background: #003399;
	 	text-align:center;
	 	padding:1em;
	 	margin:1em;
	 	border-radius:6px;
        border:10px;
        border-color:#ffffff;
	 	color:#ffffff;   
	 	}
	 	
.button2:hover{
	 	background:#0066ff;
	 	color:#ffffff;
	 	}



.topnav {
  background:linear-gradient(145deg, #000, #333);
  overflow: hidden;
}


@media (min-width: 640px) {
.topnav a {
  float: left;
  color: #dddddd;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}


}

@media (max-width: 639px) {
.topnav a {
  float: left;
  color: #dddddd;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 15px;
}


.topnav a.logo{
display:none;
}
}




.topnav a:hover {
  background-color: #0066ff;
  color: #ffffff;
}


.topnav a.active {
  color: #ffffff;
}

.topnav a.kaufen {
  background-color: #4370e2;
  color: #ffffff;
  text-align:center;
  padding:0.5em;
  margin-top:0.25em;
border-radius:6px;
}

.infoblock {
max-width:640px;
margin:auto;
padding-left:1em;
padding-right:1em;
}



    
@media (max-width: 639px) { 
    
   .introbild {
        overflow:auto;height:100vh;width:100vw;z-index:-99;
        background-color:#003399;   
        background-image:url('carvonmedia_bg_image_mobile.jpg');
        background-size:cover;
        background-position:bottom left;
        background-repeat:no-repeat;
    }
    
    
    
        .introtext { 
     width:100%;height:100%;display:flex;margin-top:-3em;align-items:center;justify-content:center;
    }
}

@media (min-width: 640px) {
    
       .introbild {
        overflow:auto;height:100vh;width:100vw;z-index:-99;
        background-color:#003399;   
        background-image:url('carvonmedia_bg_image.jpg');
        background-size:cover;
        background-position:left;
        background-repeat:no-repeat;
    }
    
    .introtext { 
    width:100%;height:100%;display:flex;margin-top:-3em;align-items:center;justify-content:center;
    }
}


.dreiercontainer {
display:flex;
justify-content:space-around;
align-items:stretch;
}



@media (max-width: 1023px) {
    

    
    
	.dreiercontainer {
	display:flex;
	flex-wrap:wrap;
	}

	


	.dreierbox {
		width:90vw;
		background: #f9f9f9;
		border-radius:6px;
		border:2px solid #aaaaaa;
		padding:1em;
         margin-left:1em;
        margin-right:1em;
        margin-top:0.5em;
        margin-bottom:0.5em;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		}
	}

@media (min-width: 1024px) {
    
    .dreiercontainer {
	display:flex;
	justify-content:space-around;
	align-items:stretch;
	}


	.dreierbox {
		width:25vw;
        
        border-radius: 9px;
background: #f9f9f9;
box-shadow: 5px 5px 10px #e0e0e0,
            -5px -5px 10px #ffffff;
		
      
       
		padding:1em;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		}
	}
	

	
.dreierbox p {
margin-left:1em;
margin-right:1em;
}

	
.dreierbox img {
width:100%;
height:auto;
}

.textblock {
padding-left:1em;
padding-right:1em;
}

.footer {
     padding-top:10vh;
    padding-bottom:10vh;
    width:100vw;
    background:linear-gradient(145deg, #000, #333);
    }


.footer a{
    color:#cccccc;
}

.footer a:hover {
	color:#ffffff;}