

.page_produkte h1
{
    padding-top:180px;
}

.childs_produkte h1
{
    padding-top:95px;
}

.page_produkte .main_header
{
  background-image: url(../graphics/desinfektionsmittel_produkte_background.jpg);
  height:560px;
  
}
.page_produkte .main_header_small
{
	background-image: url(../graphics/desinfektionsmittel_main_background_280.jpg);
    height:280px;
}

#breadcrumb_navigator
{
    position: absolute;
    left:0px;
    bottom:12px;
    color:#ffffff;
    width:100%;

    font:Montserrat;
    font-size:18px;
}

#content_main_produkte
{
    margin-left:24.55%;
}

#content_main_produkte .headline_32
{
    margin-left:0.6012024%;
}

#content_main_produkte .product_box_245
{
    display:block;
    position: relative;
    float:left;
    width:32.53652058%;
    margin-left:00.79681275%;
    margin-bottom:6px;
}

#content_main_produkte a.product_box_245
{
    text-decoration: none;
}

#cat_links a
{
    font-family:Gadugi;
	font-weight:bold;
    font-size:17px;
    line-height:30px;
    color:var(--colors-sus_gray);
}

#cat_links a.cat_link_active
{
    color:var(--colors-sus_blue);
}

/* Bildbereich Höhe anpassen */


.product_image_large
{
    display:block;
    width:365px;
    padding-top:38.512%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float:left;
	margin-left:0.6012024%;
}

.product_detail_container
{
    width:365px;
    margin-left:388px;
}

.product_detail_container2
{
  margin-left:0.6012024%;
}

.product_button
{
    display:block;
    width:230px;
    height:24px;
    line-height:24px;
    background-color:#6A7786;
    opacity:0.4;
    transition: opacity 300ms;
    color:#ffffff;
    text-decoration: none;
    text-align: center;
	font-weight:bold;
    margin-bottom:5px;
}

.product_button_order
{
    display:block;
    width:230px;
    height:30px;
    line-height:30px;
    background-color:var(--colors-sus_blue);
    opacity:0.4;
    transition: opacity 300ms;
    color:#ffffff;
    text-decoration: none;
    text-align: center;
    font-weight:bold;
    margin-bottom:20px;
    border:none;
    cursor: pointer;
}

.product_button:hover
{
    opacity:1;
}
.product_button_order:hover
{
    opacity:1;
}

.search_not_found
{
    margin-left: 0.6012024%;
}
.page_detail #content_main_produkte .product_box_245
{
    width:32.5365206%;
    margin-left:1.1952191%;
}
.page_detail #content_main_produkte .product_box_245:nth-child(3n-2)
{
    margin-left:0px;
}

@media screen and (max-width: 1020px) 
{
	.page_produkte .main_header
	{
        padding-top:120px;
        padding-bottom:120px;
	}
	
    #h1_container
    {
        height:auto;
    }
	.page_produkte h1
	{
		margin:0px 0px 12px 0px;
		padding:0px;
    }
    
    .product_image_large
    {
        width:99.3987976%;
        padding-top:79.45205479%;
        float:none;
    }
    
    .product_detail_container
    {
        margin:25px 0px 0px 0.6012024%;
        width:auto;   
    }
    .product_detail_container2
    {
      margin-left:0.6012024%;
      width:auto;   
    }
    
    .product_button
    {
        width:100%;   
    }
    .product_button_order
    {
        width:100%;   
    }

    .page_detail #content_main_produkte .product_box_245
    {
        width:49.5490982%;
        padding-top:44.16832845%;
        margin-left:0.9018036%;
    }

    .page_detail #content_main_produkte .product_box_245:nth-child(3n-2)
    {
        margin-left:0.9018036%;
    }
    .page_detail #content_main_produkte .product_box_245:nth-child(2n-1)
    {
        margin-left:0px;
    }
}

@media screen and (max-width: 650px) 
{    

	.page_produkte .main_header
	{
        padding-top:50px;
        padding-bottom:50px;
	}
    .h1_container
    {
        height:auto;
    }
    
    .product_image_large
    {
      margin-left:0px;
	  width:100%;
    }
	
	#content_main_produkte .headline_32
	{
      margin-left:0px;
		
	}
    
    .product_detail_container
    {
      margin-left:0px;
    }
    .product_detail_container2
    {
      margin-left:0px;
    }
	
    .search_not_found
    {
        margin-left: 0px;
    }

    .page_detail #content_main_produkte .product_box_245
    {
        width:100%;
        margin-left:0px;
        padding-top: 89.79591837%;
    }
}

#input_bestellen
{
    font-family:Gadugi;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
}

.price_tag
{
    font-size: 29px;
    line-height: 29px;
    font-weight: bold;	
}.order_headline
{
  font-size:24px;
  line-height:24px;
  color:var(--colors-sus_blue);
  padding-top:0px;
  padding-bottom:22px;
}

.order_font_20
{
font-family:Gadugi;
  font-size:20px;
  line-height:20px;
  padding:0px 0px 10px 0px;
}
.order_font_15
{
    font-size:15px;
}

.order_text
{	
	font-family:Gadugi;
  font-size:20px;
  line-height:24px;	
}

#artikel_price
{
    float:right;
}

#versandkosten_value
{
    float:right;
}
#total_value
{
    float:right;
}
#nett_value
{
    float:right;
}
#mwst_value
{
    float:right;
}

.order_line
{
    background-color:var(--colors-sus_gray);
    height:1px;
    margin-bottom:10px;
}

.final_order_button
{
    width:365px;
    height:45px;
	font-family:Gadugi;
	font-size:20px;
	font-weight:bold;
}

#buy_back_link
{
	font-family:Gadugi;
	font-size:20px;
	font-weight:bold;
	float:right;
    margin: 65px 0px 14px 0px;
}

#final_back_link
{
    font-family:Gadugi;
	font-size:20px;
	font-weight:bold;
	float:left;
    margin: 40px 0px 14px 0px;
}

.content_box_998_shop 
{
    position: relative;
    display: block;
    width: 100%;
    padding-top: 20.06%;
    background-color: var(--colors-sus_blue);
    margin-bottom: 12px;
  transition: background-color 600ms;
    overflow: hidden;
}

.content_box_998_shop:hover
{
  background-color:	var(--colors-sus_orange);
}
.order_headline
{
font-family:Gadugi;
font-weight:bold;
  font-size:24px;
  line-height:24px;
  color:var(--colors-sus_blue);
  padding-top:0px;
  padding-bottom:22px;
}

.order_font_20
{
font-family:Gadugi;
  font-size:20px;
  line-height:20px;
  padding:0px 0px 10px 0px;
}
.order_font_15
{
    font-size:15px;
}

#artikel_price
{
    float:right;
}

#versandkosten_value
{
    float:right;
}
#total_value
{
    float:right;
}
#nett_value
{
    float:right;
}
#mwst_value
{
    float:right;
}

.order_line
{
    height:1px;
}

.vorkasse_button
{
    width:365px;
    height:45px;
	font-family:Gadugi;
	font-weight:bold;
	font-size:19px;
    line-height:44px;
	margin-bottom:15px;
	border-radius:5px;
}

#paypal-button-container
{
    width:365px;
}/*------------------------------------------------------- FONTS -------------------------------------------------------*/
@font-face { font-family:Gadugi; font-weight: normal; font-style: normal; src:url(../fonts/gadugi.ttf),local("Gadugi");}
@font-face { font-family:Gadugi; font-weight: bold; font-style: normal; src:url(../fonts/gadugi-bold.ttf),local("Gadugi Bold");}

/*------------------------------------------------------- BASICS -------------------------------------------------------*/
html
{
  overflow-y: scroll;
  /*
  overflow-x: hidden;
  */
}

body
{
  margin:0px;
  color:#000000;

  background-color:	#FFFFFF;
  font-family:	Gadugi;
  font-size:	18px;
  line-height:	21px;
  
}

a
{
  color:inherit;
}
a:hover
{
  text-decoration: none;
}

.desktop_hidden
{
  display:none;
}
.small_visible
{
  display:none;
}
.mobil_visible
{
  display:none;
}

.grecaptcha-badge { visibility: hidden; }

.main
{
  margin:0px auto 0px auto;
  width:998px;
  max-width:100%;
  display:block;
  position: relative;
}

/*------------------------------------------------------- COLORS -------------------------------------------------------*/

:root {  
  --colors-sus_orange: #F29200;
  --colors-sus_blue: #0069B4;
  --colors-sus_gray: #666666;
}

.sus_orange	    {color:var(--colors-sus_orange)}
.sus_blue	      {color:var(--colors-sus_blue)}
.sus_gray	      {color:var(--colors-sus_gray)}
.sus_orange_bg	{background-color:var(--colors-sus_orange)}
.sus_blue_bg	  {background-color:var(--colors-sus_blue)}
.sus_gray_bg	  {background-color:var(--colors-sus_gray)}

/*------------------------------------------------------- SPACINGS -------------------------------------------------------*/

.spacing_5 { height:5px;}
.spacing_10 { height:10px;}
.spacing_15 { height:15px;}
.spacing_20 { height:20px;}
.spacing_25 { height:25px;}
.spacing_30 { height:30px;}
.spacing_35 { height:35px;}
.spacing_40 { height:40px;}
.spacing_45 { height:45px;}
.spacing_50 { height:50px;}
.spacing_60 { height:60px;}
.spacing_70 { height:70px;}
.spacing_80 { height:80px;}
.spacing_90 { height:90px;}
.spacing_100 { height:100px;}
.spacing_top { height:50px;}
.spacing_bottom { height:35px;}
.spacing_footer { height:30px;}

/*------------------------------------------------------- TEXT-STYLES -------------------------------------------------------*/

h1
{
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	96px;
  line-height:	84px;
  color:	var(--colors-sus_blue);
  margin:	0px;
  padding:	330px 0px 110px 0px;
  text-shadow:	2px 2px 4px rgba(255,255,255, 0.75);
}

/**/

.page_unternehmen h1
{
  padding-top:310px;
  padding-bottom:20px;
}

.page_produkte h1
{
  padding-top:310px;
  padding-bottom:20px;
}
.page_shop h1
{
  padding-top:310px;
  padding-bottom:20px;
}
.page_impressum h1
{
  padding-top:310px;
  padding-bottom:20px;
}
.page_datenschutz h1
{
  padding-top:310px;
  padding-bottom:20px;
}
.page_agb h1
{
  padding-top:310px;
  padding-bottom:20px;
}
.page_kontakt h1
{
  padding-top:310px;
  padding-bottom:20px;
}
.page_news h1
{
  padding-top:310px;
  padding-bottom:20px;
}
.page_schauraum h1
{
  padding-top:310px;
  padding-bottom:20px;
}

.h1_subheadline
{
  font-family:	Gadugi;
  font-size:	40px;
  line-height:	38px;
  color:	var(--colors-sus_blue);
}

h2
{
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	54px;
  line-height:	50px;
  color: var(--colors-sus_blue);
  margin: 0px;
  padding: 70px 0px 20px 0px;
  text-shadow: 2px 2px 4px rgba(255,255,255, 0.75);
}

.h2_subtext
{
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	20px;
  line-height:	24px;
  color: var(--colors-sus_gray);
}

h3
{
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	54px;
  line-height:	50px;
  color: var(--colors-sus_blue);
  margin: 0px;
  padding: 20px 0px 16px 0px;  
}

h4
{
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	42px;
  line-height:	42px;
  color: var(--colors-sus_blue);
  margin:	0px;
  padding:	0px 0px 25px 0px;
}

.headline_18
{
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	18px;
  line-height:	18px;
  color:	var(--colors-sus_blue);
  margin:	0px;
  padding:	20px 0px 12px 0px;   
}

.headline_20
{
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	20px;
  line-height:	20px;
  color:	var(--colors-sus_blue);
  margin:	0px;
  padding:	0px 0px 12px 0px;   
}


.headline_24
{
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	24px;
  line-height:	24px;
  color:	var(--colors-sus_blue);
  margin:	0px;
  padding:	0px 0px 9px 0px;  
}

.headline_25
{
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	25px;
  line-height:	25px;
  color:	var(--colors-sus_blue);
  margin:	0px;
  padding:	0px 0px 9px 0px;  
}

.headline_32
{
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	32px;
  line-height:	32px;
  color:	var(--colors-sus_blue);
  margin:	0px;
  padding:	40px 0px 22px 0px;  
}

.small_text
{
  font-size: 15px;
  line-height: 18px;
}

/*------------------------------------------------------- HEADER -------------------------------------------------------*/

#menu_bar
{
  position: fixed;
  width:100%;
  top:0px;
  z-index:10;
  padding-top:66px;
}

#header_bar
{
  position:	fixed;
  top:0px;
  left:0px;
  height:	100px;
  width:100%;
  background-color:	#FFFFFF;
  box-shadow:	0px 0px 6px rgba(0,0,0, 0.40);
  z-index:9;
  opacity: 0.0;
}

#header_logo_container
{
  position:	fixed;
  width:100%;
  height:100px;
  z-index:9;
}

#main_logo		
{
	position:	absolute;
	width:	232px;
	top:	12px;
  right:	-8px;
  transition: width 300ms;
}
.menu_bar_button
{
  position: relative;
  float:left;
  
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	19px;
  margin:0px 2px 0px 2px;
  padding:0px 5px 2px 5px;
  transition: color 200ms;
  border:2px solid;
  color:rgba(0,105,180,0);
}

.mobile_line
{
  position: relative;
  float:left;
}

.menu_bar_background
{
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}

.menu_bar_button a
{
  display:inline-block;
  position: relative;
  text-decoration: none;
  color:#F29200;
  color:var(--colors-sus_orange);
  transition: color 200ms;
}

.menu_bar_button_active
{
  color:var(--colors-sus_blue);
}
.menu_bar_button_active a
{
  color:#0069B4;
  color:var(--colors-sus_blue);
}

.submenu
{
  display:none;
  position: absolute;
  left:0px;
  top:100%;
  opacity: 0.0;
  transition: opacity 300ms;
}

.submenu .menu_bar_button
{
  float:none;
}

.menu_bar_button:hover .submenu
{
  display:initial;
  opacity: 1.0;
}

.menu_bar_button:hover
{
}
.menu_bar_button:hover a
{
  color:#0069B4;
  color:var(--colors-sus_blue);
}


.clear {clear:both;}


/*------------------------------------------------------- LOGOS, ICONS, BUTTONS -------------------------------------------------------*/

/*------------------------------------------------------- CONTENT, BOXES, ELEMENTS -------------------------------------------------------*/

#content_
{
  position: relative;
  box-shadow: 	0px 0px 13px rgba(0,0,0, 0.70);
  z-index:1;
}

#backlink	
{	
  display:inline-block;
	margin:	30px 0px 150px 0px;
	font-family:	Gadugi;
	font-weight:	normal;
	font-style:	normal;
	font-size:	24px;
  color:var(--colors-sus_gray);
  vertical-align: middle;
}

#backlink	img
{  
  vertical-align: middle;
}

a.button_100
{	
  display:block;
	width:	100%;
  height:	40px;
  color:	sus_blue;
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	24px;
  line-height:	38px;
  background-color:var(--colors-sus_blue);
  color:#ffffff;
  text-align: center;
  text-decoration: none;
  transition: background-color 450ms;
}

a.button_100:hover
{	
	background-color:var(--colors-sus_gray);
}

.content_box_998
{
  display:block;
  position: relative;
  box-shadow: 	0px 0px 6px rgba(0,0,0, 0.40);
  background-color:	var(--colors-sus_blue);
  padding:0px 45px 0px 0px;
  transition: background-color 600ms;
}

a.content_box_998
{
  text-decoration: none;
}

.content_box_998 span
{
  display:block;
}

.content_box_998:hover
{
  background-color:	var(--colors-sus_orange);
}

.content_box_998_image
{
  display:block;
  width: 350px;
  float:left;
  background-position: center;
  background-repeat: no-repeat;
}
.content_box_998_image img
{
  display:block;
}

.content_box_998_headline
{
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	64px;
  line-height:	64px;
  color:	#FFFFFF;
  padding-top:	76px;
  padding-bottom:	5px;
  margin-left: 395px;
}

.content_box_998_subheadline
{
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	24px;
  line-height:	24px;
  color:	#FFFFFF;
  padding-bottom:	16px;
  margin-left: 395px;
}

.content_box_998_text
{
  font-family:	Gadugi;
  font-weight:	normal;
  font-style:	normal;
  font-size:	17px;
  line-height:	19px;
  color:	#FFFFFF;
  margin-left: 395px;
}

.content_box_998_button_text
{  
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 100%;
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
    font-size: 56px;
    color: #FFFFFF;
    margin-top: -28px;
}

.content_box_326_style
{
  display:block;
  box-shadow: 	0px 0px 6px rgba(0,0,0, 0.40);
  background-color:		var(--colors-sus_orange);
  margin-bottom:	10px;
  font-family:	Gadugi;
  font-weight:	bold;
  font-style:	normal;
  font-size:	42px;
  line-height:	38px;
  color:	#FFFFFF;
  text-shadow: 2px 0px 15px rgba(0, 0, 0, 0.75);
  overflow: hidden;
}

.content_box_326_text
{
  position:absolute; 
  display: flex;
  left:0px;
  width:100%;
  bottom:0px;
  height:50%;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}

.content_box_326_image
{
  display: block;
  width:100%;
  transition: transform 300ms;
}
.content_box_326_image2
{
  display: block;
  width:100%;
  box-shadow: 	0px 0px 6px rgba(0,0,0, 0.40);
}

.content_box_326:hover .content_box_326_image
{
  transform:scale(1.1,1.1);
}

.button_box_326
{
  width:	326px;
  box-shadow: 	0px 0px 6px rgba(0,0,0, 0.40);
  background-color:	var(--colors-sus_blue);
  margin-bottom:	10px;
  padding:	18px 0px 18px 0px;  
  text-decoration: none;
  transition: background-color 600ms;
}


.button_box_326:hover
{
  background-color:	var(--colors-sus_gray);
}

.button_box_326_image
{
  width:89%;
  margin:0px 5.5%;
}

.button_box_326_text		
{
  display:block;
	font-family:	Gadugi;
	font-weight:	normal;
	font-style:	normal;
	font-size:	26px;
	line-height:	26px;
	color:	#FFFFFF;
  text-align:	center;
}

.content_box_236	
{
	width:	236px;
}

.content_box_236 img
{
  width:100%;
  height:auto;
  box-shadow: 	0px 0px 6px rgba(0,0,0, 0.40);
  margin-bottom:	16px;
}

.content_box_236:nth-child(5n+0)
{
  padding-top:25px;
  float:none;
  clear:both;
}

/*------------------------------------------------------- FOOTER -------------------------------------------------------*/

#footer	
{	
	background-color:	var(--colors-sus_blue);
	min-height:	280px;
	color:	#FFFFFF;
	font-size:	14px;
	line-height:	17px;
}

#footer_headline
{	
	font-weight:bold;
	font-size:	20px;
	line-height: 20px;
	padding-bottom:6px;
}

#footer_text
{	
  font-size:	14px;
  line-height:	17px;
  color:	#FFFFFF;
}

#footer_links
{	
  float:right;
  font-size:	14px;
  line-height:	17px;
  color:	#FFFFFF;
  right:	0px;
  top:	0px;  
}

#infinite_logo img
{
  margin-left:4px;
  vertical-align: bottom;
  opacity:0.4;
  transition: opacity 300ms;
}

#infinite_logo:hover img
{
  opacity:1;
}

#footer_logo_containter
{
  position: relative;
  display:flex;
  flex-direction: row;
}

.footer_logo
{	
  background-size: 0px;
}

.footer_logo img
{
  padding:0px 12px 0px 0px;
}

#by_box
{
  text-align: right;
  padding-bottom:14px;
}


/*------------------------------------------------------- CONTENT_BOX -------------------------------------------------------*/

.content_box_490
{
    float:left;
    width:49.098196392786%;
    margin-right:1.8036072144289%;
}
.content_box_490:nth-child(2n+0)
{
    margin-right:0px;
}

.content_box_326
{
  display:block;
  position: relative;
  float:left;
  width:32.665330661323%;
  margin-right:1.002004008016%;
}

.content_box_640
{
  width:64.12825651%;

  margin-right:0%;
  margin-left:2.004008016032%;
}

.content_box_326_no
{
  width:0%;
}

.content_box_326:nth-child(3n+0)
{
    margin-right:0px;
}

.content_box_236
{
    float:left;
    width:23.647294589178%;
    margin-right:1.8036072144289%;
}
.content_box_236:nth-child(4n+0)
{
    margin-right:0px;
}

/*------------------------------------------------------- BACKGROUND STYLES -------------------------------------------------------*/

#background_image
{
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: top;
}

#content_.page_home #background_image
{
  background-image:url(../graphics/background_main.jpg);
}


#content_.page_home #background_image
{
  background-image:url(../graphics/background_main.jpg);
}

#content_.page_unternehmen #background_image
{
  background-image:url(../graphics/background_kontakt.jpg);
}

#content_.page_produkte #background_image
{
  background-image:url(../graphics/background_produkte.jpg);
}

#content_.page_produkte_sonnenschutz #background_image
{
  background-image:url(../graphics/background_produkte_sonnenschutz.jpg);
}

#content_.page_produkte_insektenschutz #background_image
{
  background-image:url(../graphics/background_produkte_insektenschutz.jpg);
}

#content_.page_produkte_terrassendaecher #background_image
{
  background-image:url(../graphics/background_produkte_terrassendaecher.jpg);
}


#content_.page_shop #background_image
{
  background-image:url(../graphics/background_shop.jpg);
}
#content_.page_order #background_image
{
  background-image:url(../graphics/background_shop.jpg);
}
#content_.page_order_error #background_image
{
  background-image:url(../graphics/background_shop.jpg);
}
#content_.page_order_error2 #background_image
{
  background-image:url(../graphics/background_shop.jpg);
}
#content_.page_order_pay #background_image
{
  background-image:url(../graphics/background_shop.jpg);
}

#content_.page_order_complete #background_image
{
  background-image:url(../graphics/background_shop.jpg);
}

#content_.page_kaufberater #background_image
{
  background-image:url(../graphics/background_shop.jpg);
}

#content_.page_schauraum #background_image
{
  background-image:url(../graphics/background_news.jpg);
}

#content_.page_news #background_image
{
  background-image:url(../graphics/background_news.jpg);
}

#content_.page_kontakt #background_image
{
  background-image:url(../graphics/background_kontakt.jpg);
}

#content_.page_impressum #background_image
{
  background-image:url(../graphics/background_news.jpg);
}

#content_.page_datenschutz #background_image
{
  background-image:url(../graphics/background_news.jpg);
}

#content_.page_agb #background_image
{
  background-image:url(../graphics/background_news.jpg);
}


/** ------------ COOKIEBAR ----------------------*/


#cookie_bar
{
  color: var(--colors-sus_gray);
}

#cookie_bar_button
{
  float:right; 
  margin:0px 0px 10px 25px; 
  display:block; 
  cursor:pointer; 
  background-color:var(--colors-sus_blue);				
  opacity:0.6;
  padding:10px 25px 10px 25px;
  font-size:15pt;
  line-height:14pt;
  color:#FFFFFF;
}
#cookie_bar_button:hover
{
  opacity:1.0;
}
#cookie_bar a
{
  color:var(--colors-sus_blue);
  text-decoration:underline;
}
#cookie_bar a:hover
{
  text-decoration:none;
}









/****/

.product_box_245
{
  position: relative;
  float:left;
  width:24.55%;
  padding-top:30.21%;
  box-shadow: 0px 0px 6px rgba(0,0,0, 0.40);
  overflow:hidden;
  background-color:#FFFFFF;
}

.product_box_316_col:nth-child(3n)
{
  margin-right:0px;
}

.product_box_316_col
{
  position: relative;
  float:left;
  width:31.6633266533%;
  /*padding-top:24.55%;*/
  margin-right:2.50501002%;
}

.product_box_316
{
  position: relative;
  display: block;
  width:100%;
  padding-top:77.53%;
  box-shadow: 0px 0px 6px rgba(0,0,0, 0.40);
  overflow: hidden;
}

.product_content_headline
{
  font-family:Montserrat;
  font-weight:bold;
  font-size:18px;
  color:#6A7786;
  padding:20px 0px 10px 0px;
}

.product_box_245 .product_image
{
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:80.355%;
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain;
  transition:transform 300ms, filter 300ms;
  filter:none;
  transform: scale(1, 1);
}

.product_box_316 .product_image
{
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: top;
  background-size:contain;
  transition:transform 300ms, filter 300ms;
  filter:none;
  transform: scale(1, 1);
  z-index:1;
}

.product_box_245_banner
{
  position: absolute;
  display:flex;
  bottom:0px;
  left:0px;
  background-color:var(--colors-sus_blue);
  width:100%;
  
  height:30px;
  height:19.645%;
  font-family:Gadugi;
  font-weight:bold;
  font-size:16px;
  line-height:16px;
  color:#FFFFFF;

  justify-content: center;
  flex-direction: column;
  text-align: center;
  transition: background-color 300ms;
  z-index:2;
}

.product_box_245:hover .product_box_245_banner
{
  background-color:var(--colors-sus_orange);
}
.product_box_245:hover .product_image
{
  transform: scale(1.1,1.1);
  filter:none;
}


.product_box_316:hover .product_box_245_banner
{
  background-color:#6A7786;
}
.product_box_316:hover .product_image
{
  transform: scale(1.1,1.1);
  filter:none;
}


.row_4 {
  position: relative;
  float: left;
  width: 24.55%;
}

.image_box_245_container
{
  position: relative;
  display:table;
  /*min-height:200px;*/

  width: 100%;
}

.image_box_245
{
  display:table-cell;
  width:24.5490981963928%;
  /*vertical-align: middle;*/
  vertical-align: top;
}

.image_box_245_inner
{
  position: relative;
  /*padding-top:20.04%;*/
  /*width:24.5490981963928%;*/
  box-shadow: 0px 0px 6px rgba(0,0,0, 0.40);
}

.image_box_245 img
{
    display:block;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
}

.text_content_733
{
  display:table-cell;
  /*vertical-align: middle;*/
  vertical-align: top;
  padding-left:2.005%;
}

#digitalerkaufberater
{
    position: relative;
}

.page_home a.content_box_998_shop
{
    padding-top:0px;
    text-decoration: none;
    padding:18px 0px;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 40%);
    
}

.page_home .content_box_998_shop .button_box_326_text
{
    
  display:block;
  font-family:	Gadugi;
  font-weight:	normal;
  font-style:	normal;
  font-size:	26px;
  line-height:	26px;
  color:	#FFFFFF;
text-align:	center;
}

.page_home a.content_box_998_shop .button_box_326_image
{
    width:auto;
    display:block;
    margin:0px auto;
}

.showroom_frame
{
	height:564px;
}
