/*
 * Created on 01.01.2023
 *
 * 
 * Copyright by Marco Franke
 * 
 * View: Desktop
 */


@media screen and (min-width:1000px) {


.not4mobile {
	display: inline-block;
}

/* Cases
-------------------------------------------------------------------*/

.logo_box {
	padding: 5px 0 5px 0;
	text-align: left;
}

  .logo_box img {
	max-width: 90%;
}

.top_case {
	z-index: 999;
	position: fixed;
	padding: 10px 0 10px 0;
	box-shadow:  0 1px 5px 0 rgba(50, 50, 50, 0.75);
}

.teaser_case {
	box-shadow:  0 1px 5px 0 rgba(50, 50, 50, 0.75);
}

.teaser_box {
	padding: 130px 20px 0 20px;
}

.main_case {
	padding: 0 0 0 0;
}

.content_center {
	padding: 0 30px 60px 30px;
}

.feature_box_col{
		padding: 0 15px 0 15px;
		text-align: left;
   	}

.garantie_siegel {
	margin: 30px 0 90px 0;
}


.garantie_siegel_box {
	padding: 0 50px 0 50px;
}

.review_box {
	padding: 0 0 60px 0;
}

.referenzen_box div {
	padding: 0 10px 0 10px;
}

aside {
	text-align: left;
	padding: 130px 0 60px 60px;
}

.breadcrumbs {
	text-align: left;
	margin: 75px 0 0 0;
}

.footer_case {
	padding: 100px 0 100px 0;
}

footer .footer_left {
		padding: 0 20px 0 0;
		text-align: left;
	}

footer .footer_right {
		padding: 0 0 0 40px;
		text-align: left;
	}


/* Desktop-Navi Styles
-------------------------------------------------------------------*/

#toggleNavMain {
	display: none;
	}

#navMain {
	display:inline-block;
	text-align: right;
}

#navMain ul {
	display: flex;
	padding: 0;
}

#navMain li {
	display: inline;
	width: auto;
	text-align: center;
   	border: none;
   	font-size: 1.3rem;
   	font-weight: 500;
   	letter-spacing: 0;
   	margin: 0 15px 0 0;
}

#navMain li a {
	display: block;
	padding: 27px 3px 5px 3px;
	border-bottom: none;
	width: auto;
}

#navMain li a.login {
	margin: 0 0 0 20px;
}

#navMain li a.optin {
	padding: 10px 10px 10px 10px;
	background-color: var(--heightlightColor);
	color:var(--darkTextColor);
	margin: 18px 0 0 0;
	font-weight: 500;
	border-radius: 5px;
}



#navMain li a.optin:hover {
	border-bottom: none;
	}
	
#navMain li.active a {
	color: var(--heightlightColor);
	}

#navMain li.active a.optin {
	border-bottom: none;
	}

#navMain li a:focus {
	
	}


/* Typo Content 
-------------------------------------------------------------------*/

	ul.benefits {
		padding: 0 220px 0 220px;
	}

	aside ul.benefits {
		padding: 0 20px 0 30px;
	}

	p.content_zg span {
		font-size: 1.3rem;
	}

	p.CARS_Shot {
		padding: 0 75px 0 75px;
	}

	h1 {
		font-size: 2.6rem;
		margin: 0 0 60px 0;
	}

  
  .intro_box_img {
		padding: 60px 0 0 0;
	}
  
	.intro_box_img img{
		width: 80%;
	}

	.thumbnail img {
		width: 25%;
		margin: 0 0 10px 0;
		}


	.feature_box_col h3 {
		font-size: 1.5rem;
	}

	.testimonial_box .bild_box {
 		padding: 50px 7% 0 7%;
	 }

	p.btn_ a{
	padding: 10px 150px 10px 150px;
	font-size: 1.5rem;
	width: auto;
	}

	.review_box_icon{
 		padding: 60px 9% 0 9%;
  	}

  	.intro_box_text {
		text-align: left;
	}

	.review_box_text {
		text-align: left;
	}

	aside h2 {
		font-size: 1.6rem;
	}


	aside h3 {
		float: left;
		border-bottom: 1px solid var(--heightlightinaktivColor);
		margin: 60px 0 20px 0;
	}

	aside ul.nav li {
		text-align: left;
		letter-spacing: 0;
		font-family: var(--articleFont);
	}

	aside ul.nav li a{
		padding: 0 0 2px 0;
		margin: 0 0 20px 0;
		display: inline-block;
		border-bottom: 2px solid var(--heightlightinaktivColor);
	}

	aside ul.nav li:hover {
		font-weight: 600;
		list-style-image: url(../images/icons/list_image.png);
	}

	aside ul.nav li.active {
		font-weight: 600;
		list-style-image: url(../images/icons/list_image.png);
	}

	aside p.btn_ {
		text-align: center;
		margin: 0;
	}

	aside p.btn_ a {
    	padding: 5px 10px 5px 10px;
    	font-size: 1.2rem;
    	width: auto;
    	text-decoration: none;
	}

	aside .garantie_siegel .grid_33 {
		width: 33.33333%;
	}

	aside .garantie_siegel {
		margin: 30px 0 30px 0;
	}

	aside .garantie_siegel_box {
		padding: 0 3px 0 3px;
	}

	footer .footer_left ul.nav {
		text-align: left;
	}

	footer .footer_left ul.nav li {
		display: inline-block;
		letter-spacing: 0;
		font-size: 0.9rem;
		padding:  0 10px 0 10px;
		border-right: 1px solid var(--darkerTextColor);
	}

	footer .footer_left ul.nav li:first-child {
		padding: 0 10px 0 0;
	}

	footer .footer_left ul.nav li:last-child {
		border-right: none;
	}

	footer .footer_left ul.nav li a {
		color: var(--darkerTextColor);
		padding: 0;
		display: inline-block;
		text-decoration: none;	
	}



.huf_brand img{
	width: 20%;
	height: auto;
}

.calsoft_box ul li {
	width: 25%;
}

.calsoft_box img:hover {
	box-shadow: 3px 3px 8px var(--darkerTextColor);
	filter: brightness(1.1);
	transition:all 0.5s;
	filter: none;
}


/* Newsletterbox Styles
-------------------------------------------------------------------*/

	.newsletter_box .nl_benefits_box{
		padding: 0 80px 0 0;
	}

	.newsletter_box .nl_form_box{
		padding: 0 0 0 80px;
	}

	.nl_form {
		padding: 60px;
	}

/* Preistabelle Styles
-------------------------------------------------------------------*/

.price_box {
	margin: 30px 0 0 0;
}

.price_box .price_box_plan {
	margin: 15px 18px 15px 18px;
}


/* CEO-Box Styles
-------------------------------------------------------------------*/

div.ceo_box {
	margin: 60px 0 30px 0;
	border-radius: 5px;
}

div.ceo_box div.ceo_box_face {
	text-align: left;
}

div.ceo_box div.ceo_box_face img {
	width: 80%;
}


}