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


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

/* Case Styles
-------------------------------------------------------------------*/


.topbar_case {
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	opacity: 0.9; 
	box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	backdrop-filter: blur(4px);
}

header {
	padding-top: 100px;
}

.main_case {
	background-image: url(../images/bildlogo_mainbg.png);
	background-repeat: no-repeat;
	background-position: 85px 20px;
	min-height: 600px;
}

main {
	background-color: #fff;
	min-height: 600px;
	padding-left: 0;
	padding-right: 0;
}

article {
	padding-bottom: 30px;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 20px;
}

section.blog article {
	border-bottom: 1px solid #dddddd;
}

div.search {
	padding-left: 20px;
	padding-right: 30px;
}

aside {
	border-left: 1px solid #dddddd;
	padding-left: 30px;
	margin-bottom: 30px;
}

div.footer_case {
	padding-left: 0;
	padding-right: 0;	
}

/* Logo Styles
-------------------------------------------------------------------*/

div.logo_box {
 	padding-top: 4px;
 	padding-left: 0;
 	padding-right: 0;
 	padding-bottom: 1px;
 	text-align: left;
}

div.logo_box img {
	max-width: 100%;
	height: auto;
}

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

#toggleNavMain {
	display: none;
	}

#navMain {
	display:inline-block;
	text-align: left;
	padding-left: 300px;
	background-image: url(../images/bildlogo.png);
	background-repeat: no-repeat;
	background-position: center left; 
}

#navMain ul {
	margin-top: 0;
}

#navMain li {
	float: left;
	width: auto;
	text-align: right;
   	border: none;
}

#navMain li a {
	background: none;
	padding-top: 24px;
	padding-bottom: 23px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	font-size: 1.4em;
	background: none;
}

#navMain li a:hover {
	background-color: #3D6283;
	transition: all 0.8s; /* explorer 10 */
   -webkit-transition: all 0.8s; /* chrome & safari */
   -moz-transition: all 0.8s; /* firefox */
   -o-transition: all 0.8s; /* opera */
	}
	
#navMain li.active a {
	background-color: #3D6283;
	}

#navMain li a:focus {
	background: none;
	}


/* Element Styles
-------------------------------------------------------------------*/

/* Breadcrumps
--------------------------*/
 
 div.breadcrumbs {
 	padding-left: 55px;
 	padding-right: 30px;
 	padding-top: 3px;
	text-align: left;
	min-height: 24px;
	background-image: url(../images/icons/icon_folder_24.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	margin-bottom: 30px;
 }


/* Artikeldetails
--------------------------*/

dl.article-info {
	width: 100%;
	}


/* Beitragsbilder
--------------------------*/

.img-intro-right img {
	width: 60%;
	padding-left: 10px;
}

.img-fulltext-right img {
	width: 60%;
	padding-left: 10px;
}

.img-intro-left img {
	width: 60%;
	padding-right: 10px;
}

.img-fulltext-left img {
	width: 60%;
	padding-right: 10px;
}

main article img.pull-right {
	width: 50%;
	margin-left: 20px;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
}

main article img.pull-left {
	width: 50%;
	margin-right: 20px;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
}

main article img.pull-center {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #dddddd;
}

/* Besteller Box
--------------------------*/

article section.besteller_liste p.label {
	display: inline-block;
	padding-right: 10px;
}

article section.besteller_liste div.besteller_btn ul {
	text-align: right;
}

article section.besteller_liste div.besteller_btn ul li {
	display: inline-block;
	font-size: 0.8em;
	margin-left: 5px;
}

article section.besteller_liste div.besteller_btn ul li.btn a{
	padding-left: 56px;
	padding-right: 20px;
}

article section.besteller_liste div.besteller_btn ul li.preisvergleich a {
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom: none;
}


article section.besteller_liste div.besteller_btn ul li.details a:hover {
	background-color: #031E35;
	transition: all 0.8s; /* explorer 10 */
   -webkit-transition: all 0.8s; /* chrome & safari */
   -moz-transition: all 0.8s; /* firefox */
   -o-transition: all 0.8s; /* opera */
}

article section.besteller_liste div.besteller_btn ul li.amazon a:hover {
	background-color: #7D620F;
	transition: all 0.8s; /* explorer 10 */
   -webkit-transition: all 0.8s; /* chrome & safari */
   -moz-transition: all 0.8s; /* firefox */
   -o-transition: all 0.8s; /* opera */
}

article section.besteller_liste div.besteller_btn ul li.preisvergleich a:hover {
	background-color: #031D35;
	transition: all 0.8s; /* explorer 10 */
   -webkit-transition: all 0.8s; /* chrome & safari */
   -moz-transition: all 0.8s; /* firefox */
   -o-transition: all 0.8s; /* opera */
}

/* Buttons
--------------------------*/

p.readmore {
	text-align: right;
}

p.readmore a{
	padding-left: 40px;
	background-image: url(../images/icons/icon_check_36_white.png);
	background-repeat: no-repeat;
	background-position: left center;
}



article h2 a:hover {
	background-color: #244a6b;
	color: #fff;
}


/* Font Styles
-------------------------------------------------------------------*/

header h1 {
	font-size: 4.6em;
	margin-bottom: 60px;
}


main h2 {
	font-size: 3.6em;
	text-align: left;
	margin-bottom: 40px;
}

main h3 {
	font-size: 2.8em;
	text-align: left;
	margin-bottom: 30px;
	margin-top: 40px;
}

main h4 {
	font-size: 2.4em;
	text-align: left;
	margin-bottom: 30px;
	margin-top: 40px;
}

main h5 {
	font-size: 2.0em;
	color: #000;
	text-align: left;
	margin-bottom: 25px;
	margin-top: 30px;
}

main article div.text_col p {
	padding-left: 30px;
}



/* FAQ Liste
--------------------------*/



section.faq_box dl dt{
	background-image: url(../images/icons/icon_faq_36.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 2px;
	min-height: 36px;
	padding-left: 50px;
}

section.faq_box dl dd{
	padding-left: 50px;
}


/* Sidebar Elements
-------------------------------------------------------------------*/

/* About Me
--------------------------*/

aside p.about_me img {
	width: 30%;
	margin-bottom: 10px;
	padding-right: 15px;
}


/* Produktbox
--------------------------*/

aside div.product_box ul li.amazon a:hover {
	background-color: #7D620F;
	transition: all 0.8s; /* explorer 10 */
   -webkit-transition: all 0.8s; /* chrome & safari */
   -moz-transition: all 0.8s; /* firefox */
   -o-transition: all 0.8s; /* opera */
}

aside div.product_box ul li.preisvergleich a:hover {
	background-color: #031D35;
	transition: all 0.8s; /* explorer 10 */
   -webkit-transition: all 0.8s; /* chrome & safari */
   -moz-transition: all 0.8s; /* firefox */
   -o-transition: all 0.8s; /* opera */
}



/* Produktbox
--------------------------*/

aside div.product_box {
	margin-top: 30px;
}


/* Footer Elements
-------------------------------------------------------------------*/

/* Headlines
--------------------------*/

footer h3 {
	font-size: 2.8em;
	text-align: left;
}

/* Footer Kategorien
--------------------------*/

footer ul.categories-module {
	width: 90%;
}

footer ul.categories-module li {
	margin-bottom: 0;
	text-align: left;
	border-bottom: 1px solid #9d9d9d;
	padding-top: 10px;
	padding-bottom: 10px;
}


footer ul.categories-module li h4 a{
	text-decoration: none;
	color: #fff;
	background-color: #595959;
	padding-top: 0;
	padding-bottom: 0;
	display: inline-block;
}

footer ul.categories-module li h4 a:hover{
	text-decoration: underline;
}


/* Footer Beiträge Liste
--------------------------*/

footer ul.categories-module {
	width: 90%;
}

footer ul.latestnews li {
	margin-bottom: 0;
	text-align: left;
	border-bottom: 1px solid #9d9d9d;
	padding-top: 10px;
	padding-bottom: 10px;
}


footer ul.latestnews li a{
	text-decoration: none;
	color: #fff;
	background-color: #595959;
	padding-top: 0;
	padding-bottom: 0;
	display: inline-block;
}

footer ul.latestnews li a:hover{
	text-decoration: underline;
}


/* Footer Info Menu
--------------------------*/

footer div.moduletableinfomenu ul.menu {
	width: 90%;
	}

footer div.moduletableinfomenu ul.menu li {
	list-style-type: none;
	display: inline-block;
	text-align: left;
	margin-right: 10px;
	}

footer div.moduletableinfomenu ul.menu li {
	border-right: 1px solid #9d9d9d;
	padding-right: 10px;
	}
footer div.moduletableinfomenu ul.menu li:last-child {
        border-right: none;
        padding-right: 0;
        }

footer div.moduletableinfomenu ul.menu li a{
	background-color: #595959;
	padding-top: 0;
	padding-bottom: 0;
	display: inline-block;
	}

footer div.moduletableinfomenu ul.menu li a:hover{
	text-decoration: underline;
}


/* Footer texte
--------------------------*/

footer div.footer_box p {
	text-align: left;
	width: 86%;
}


/* Footer Suche
--------------------------*/

footer div.search input.inputbox{
	width: 86%;
	}


/* Footer Salesbar
--------------------------*/

div.product_bar {
	height: 75px;
	padding-top: 0;
	background-color: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(4px);
	}

div.product_bar div.product_bar_bildbox {
	display: inline-block;
	float: left;
	width: 33%;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.product_bar div.product_bar_bildbox img{
	height: 65px;
	width: auto;
}

div.product_bar div.product_bar_btnbox {
	float: left;
	width: 66%;
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 0;
	padding-top: 12px;
}

div.product_bar div.product_bar_btnbox ul {
	font-size: 1.4em;
}

div.product_bar div.product_bar_btnbox ul li {
	display: inline-block;
	list-style-type: none;
	width: 50%;
	box-sizing: border-box;
	padding-left: 3px;
	padding-right: 3px;
}

 div.product_bar div.product_bar_btnbox ul li.btn a{
	padding-top: 14px;
	padding-bottom: 14px;	
	}

div.product_bar div.product_bar_btnbox ul li.amazon a {
	background-image: url(../images/icons/icon_amazon_36.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}

div.product_bar div.product_bar_btnbox ul li.amazon a:hover {
	background-color: #7D620F;
	transition: all 0.8s; /* explorer 10 */
   -webkit-transition: all 0.8s; /* chrome & safari */
   -moz-transition: all 0.8s; /* firefox */
   -o-transition: all 0.8s; /* opera */
}

div.product_bar div.product_bar_btnbox ul li.preisvergleich a {
	background-image: url(../images/icons/icon_idealo_36.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-bottom: 10px;
	border-bottom: 4px solid #ff6600;
	}

div.product_bar div.product_bar_btnbox ul li.preisvergleich a:hover {
	background-color: #031D35;
	transition: all 0.8s; /* explorer 10 */
   -webkit-transition: all 0.8s; /* chrome & safari */
   -moz-transition: all 0.8s; /* firefox */
   -o-transition: all 0.8s; /* opera */
}



}

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


.main_case {
	padding-top: 90px;
}

	}