/*Defaultprojekt Styleangaben*/

/* Cookie Warning */

*[ng-if="showCookieWarn"] {
    /* sticky-top */
    /* padding-top: 220px; */
    /* sticky-bottom */
    padding-bottom: 220px;
}

@media (min-width: 420px) {
    *[ng-if="showCookieWarn"] {
        /* sticky-top */
        /* padding-top: 140px; */
        /* sticky-bottom */
        padding-bottom: 140px;
    }
}

@media (min-width: 720px) {
    *[ng-if="showCookieWarn"] {
        /* sticky-top */
        /* padding-top: 60px; */
        /* sticky-bottom */
        padding-bottom: 60px;
    }
}

.cookie-warn--message {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: lighter;
}

/*nicht ändern!*/

html{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#333;
}

body{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#333;
}

a,p{
	font-family: 'Open Sans', sans-serif;
	color:#333;
	font-size:12px;	
}

a:link{color:#333; font-size:12px; text-decoration:none;}
a:visited{color:#333; font-size:12px; text-decoration:none;}
a:hover{color:#333; font-size:12px; text-decoration:none;}
a:active{color:#333; font-size:12px; text-decoration:none;}
a:focus{color:#333; font-size:12px; text-decoration:none;}

.navbar li a:link{font-size:14px; text-decoration:none;}
.navbar li a:visited{font-size:14px; text-decoration:none;}
.navbar li a:hover{font-size:14px; text-decoration:none;}
.navbar li a:active{font-size:14px; text-decoration:none;}
.navbar li a:focus{font-size:14px; text-decoration:none;}

h1{
	font-family: 'Open Sans', sans-serif;
	color:#333;
	font-weight:bold;
	font-size:22px;
}
h2{
	font-family: 'Open Sans', sans-serif;
	color:#333;
	font-weight:bold;
	font-size:20px;
}
h3{
	font-family: 'Open Sans', sans-serif;
	color:#333;
	font-weight:bold;
	font-size:18px;
}
h4{
	font-family: 'Open Sans', sans-serif;
	color:#333;
	font-weight:bold;
	font-size:16px;
}
h5{
	font-family: 'Open Sans', sans-serif;
	color:#333;
	font-weight:bold;
	font-size:14px;
}

h5.italic {
	font-weight: 500;
}

b, strong {
    font-weight: 600;
}

.container{
	margin-left:auto;
	margin-right:auto;
	width:97%;
	max-width:1200px;
	min-width:270px;
}

.btn-primary, .btn-primary:focus, .btn-primary:hover{
	background-color:#209bd7;
	border-color:#209bd7;
}

a.btn-primary, a.btn-primary:focus, a.btn-primary.hover{
	color:#FFFFFF;
}

.italic {
	font-style: italic;
	color: #ccc;
}

.xxx-pagination {
    font-family: 'Open Sans', sans-serif;
}

span.modal_close_button {
	position: absolute;
	color: #000;
	cursor: pointer;
	top:0; 
	right:0; 
	padding: 2px 3px 0px 4px; 
	margin: -20px -20px 0px 0px; 
	background-color: transparent;	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.headimg{
	margin-top:35px;
	margin-bottom:25px;
}
.headimg img{
	max-width:100%;
}
.head_lang_select {
	padding: 10px;
	text-align: right;
}
.navbar-default{
	padding-top:10px;
	padding-bottom:15px;
	background-color:#FFFFFF;
	border:none;
}
.navbar-default .navbar-nav{
	margin-left:-30px;
}
.navbar-default .navbar-nav > li > a{
	color:#333;
}
.navbar-default .navbar-nav > li > a:hover{
	color:#209bd7;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	color:#209bd7;
	background-color:#FFFFFF;
}
.searchform {
	margin-bottom: 25px;
}
.searchform > .input-group > .input-group-addon{
	color:#209bd7;
	background-color:transparent;
}
form.login_modal_form > .input-group > .input-group-addon{
	color:#209bd7;
	background-color:transparent;
}
.pagination > .active > a{
	background-color:#209bd7;
	border-color:#209bd7;
}

.breadcrumb > li , .breadcrumb > li > a{
	font-size:14px;
	font-family:'Open Sans', sans-serif;
	color:#666;
}

div.artikelgruppen_container{
	margin-bottom:25px;
	border:1px solid #E6E6E6;
	border-radius:5px 5px 5px 5px;
}
div.artikelgruppen_container:hover{
	border:1px solid #209bd7;
}
div.artikelgruppen_container > a > div > div.artikelgruppen_container_titel{
	font-weight: 300;
	padding:10px;
}
div.artikelgruppen_container:hover > a > div > div.artikelgruppen_container_titel {
	color:#209bd7;
}

img.img-thumbnail{
	width:100%;
}

div.artikelgruppen_container > a > div.artikelgruppen_container_image img.img-thumbnail{
	border:none;
	border-radius:5px 5px 0px 0px;
	border-bottom:1px solid #333;
	width: 100%;
}
.artikelgruppen_container_image_layer{
	width:100%;
	height:40px;
	margin-top:30%;
	padding-top:10px;
	top:0;
	text-align:center;
    position: absolute;
	background: none repeat scroll 0 0 black;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.9);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000");
    /* For IE 8*/
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000");
}
.artikelgruppen_container_image_layer span{
	color:white;
	font-family:'Open Sans', sans-serif;;
	font-size:16px;
	font-weight:bold;
}

div.foot1 {
	text-align: center;
	margin-top: 10px;
	margin-bottom:10px;
	border-top:1px solid #333;
}
div.foot2 > ul.nav-justified > li:hover > a{
	font-family: 'Open Sans', sans-serif;
	background-color:#FFFFFF;
	color:#209bd7;
}
div#content > .breadcrumb{
	padding:0px;
	background-color:#FFFFFF;
}
div.artikeldetail_info > div{
	font-size:14px;
	padding-bottom:10px;
	min-height: 20px;
}
div.artikeldetail_info > div.artikeldetail_artikelbezeichnung{
	font-weight: 300;
	font-size: 18px;
}
i.circle_red{
	color:#FF0000;
}
i.circle_yellow{
	color:#FF7F00;
}
i.circle_green{
	color:#00FF00;
}
.artikeldetail_option > div{
	padding-bottom:10px;
}
.artikeldetail_option > .input-group > .input-group-addon{
	background: transparent;
}
.artikeldetail_aktionspreis_altpreis{
	color:#333;
	text-decoration:line-through;
	font-size:18px;
	font-weight: 300;
}
.artikeldetail_preis > div{
	font-size:22px;
	font-weight: 300;
	color:#333;
}
div.artikeldetail_preisbemerkung{
	text-align:right;
}
div.artikeldetail_preisbemerkung > p, div.artikeldetail_preisbemerkung > a{
	font-size:10px;
}
div.artikeldetail_button{
	margin-top:20px;
}
div.artikeldetail_button > div > i{
	color:#209bd7;
	font-size:34px;
	cursor:pointer;
}
div.artikeldetail_slider > .carousel-control{
	color:#209bd7;
	font-size:30px;
	width: 10%;
	background-image: none;
	opacity:1;
	text-shadow: none;
	margin-top:9%;
}
div.artikeldetail_slide_preis > p{
	color:#333;
	font-size:22px;
	font-weight:bold;
}
div.slide_titel{
	text-align: left;
}
div.slide_titel > h4 > a{
	color:#333;
	font-size:18px;
	font-weight: 300;
}
div.slide_menge > .input-group > .input-group-addon{
	background-color: transparent;
}
div.slide_zusatz{
	text-align: left;
	font-size:14px;
	color:#333;
	min-height: 60px;
}
div.artikelliste_darstellung_text{
	font-size:14px;
	cursor:pointer;
	color:#666;
	float:right;
	margin-right:25px;
}
div.artikelliste_darstellung_text > .aktiv{
	color:#209bd7;
}

div.artikelliste_limit_text{
	font-size:14px;
	cursor:pointer;
	color:#666;
	float:right;
}
div.artikelliste_limit_text > .aktiv{
	color:#209bd7;
}
div.artikelliste_wk_button > span > i{
	color:#209bd7;
	cursor:pointer;
	float:right;
}
div.artikelliste_wk_button > span{
	background:transparent;
}
table.table > thead.artikelliste_table_head > tr > th{
	color:#666;
}
table.table > thead.artikelliste_table_head > tr > th.aktiv{
	color:#209bd7;
}

div.artikelliste_kachel{
	border:1px solid #E6E6E6;
	margin-bottom:5px;
}
div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table{
	border-top:1px solid black;
}
div.artikelliste_kachel:hover{
	border:1px solid #209bd7;
}
div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table{
	margin-bottom:0px;
}
div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_artikel{
	height: 60px;
}
div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_info{
	height: 0px;
}
div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_info > td > div{
	/*border:1px solid red;*/
	font-size:14px;
}
div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_artikel > td.artikelliste_kachel_table_bez{
	width:90%;
	font-weight: 300;
}
div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_artikel > td.artikelliste_kachel_table_bestand{
	width:10%;
}
div.artikelliste_kachel > div.artikelliste_kachel_infocontainer > table.table > tbody > tr.artikelliste_kachel_table_zeile_preis{
	width:100%;
	height: 30px;
	font-weight: 300;
	text-align: right;
}
div.artikelliste_kachel:hover > table.table > tbody > tr.artikelliste_kachel_table_zeile_preis > td > div > p{
	color:#209bd7;
}
div.artikelliste_kachel:hover > table.table > tbody > tr > td.artikelliste_kachel_table_bez{
	color:#209bd7;
}

.artikellisten_container{
	padding: 4px;
	padding-left:10px;
	margin-bottom: 10px; 
}
.artikellisten_bild{
	padding: 4px;       
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;   
}
.artikellisten_bild img{
	background-size: contain; 
	background-position: center center; 
	background-repeat: no-repeat;
}
.artikellisten_bezeichnung > div{
	min-height: 20px;	
}
.artikellisten_bezeichnung > div > a{
	font-weight: 300;
	color:#333;
	font-size:12px;
}
.artikellisten_details{
	padding-top:2%;
}
.artikellisten_details > .bezeichnung, .artikellisten_details > .bezeichnung > p{
	font-size:14px;
	font-weight:bold;
}
.artikellisten_details > .zusatz > p{
	font-size:12px;
}
.preis > p{
	font-weight:bold;
}

.artikelliste_bestand_container img{
	margin-top:61px;
}
.artikelliste_wk_aktion_container{
	float:right;
	margin-top:50px;
}
.artikeldetail_bild{
	margin-bottom:10px;
	cursor:pointer;
}
.artikeldetail_bild img {
    background-size: contain; 
	background-position: center center; 
	background-repeat: no-repeat;
}
.artikeldetail_varianten_container{
	padding:5px 0px 10px 0px;
}
.artikeldetail_preis_container{
	margin-top:10px;
	margin-bottom:20px;
	border:1px solid grey;
	border-radius:5px;
	background-color:#F1F1F1;
	color:#286090;
	font-weight:bold;
	text-align:center;
}
.artikeldetail_preis_container_zeile{
	border-top:1px solid grey;
	padding-top:5px;
	min-height:30px;
}
.artikeldetail_mengenfeld{
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
.artikeldetail_mengenfeld > input{
	text-align:center;
}

.artikeldetail_zubehoer_container{
	margin-top:20px;
}
.artikeldetail_zubehoer_container > .carousel > .carousel-control{
	width:0%;
}
.artikeldetail_slider_container{
	padding-left:20px;
}
.merkzettel_aktion_container{
	padding-top:7%;
}
.artikeldetail_staffel_kopf{
	height:30px;
	background:#A6A6A6;
	color:white;
	text-align:center;
	padding:5px;
	border:1px solid white;
}
.artikeldetail_staffel_zeile_ungerade{
	height:30px;
	background:#D2DEEF;
	color:black;
	text-align:center;
	padding:5px;
	border:1px solid white;
}
.artikeldetail_staffel_zeile_gerade{
	height:30px;
	background:#EAEFF7;
	color:black;
	text-align:center;
	padding:5px;
	border:1px solid white;
}
.artikeldetail_tabset > .nav-tabs{
	border:none;
}
.artikeldetail_tabset > .nav-tabs > li.active > a{
	font-size:14px;
	color:#209bd7;
	border:none;
}
.artikeldetail_tabset > .nav-tabs > li > a{
	font-size:14px;
	color:#333;
	border:none;
}
.artikeldetail_tabset > .nav-tabs > li > a:hover{
	background-color:transparent;
	color:#209bd7;
}
.artikeldetail_tabset > .tab-content{
	border:1px solid #209bd7;
	border-radius:0px 5px 5px 5px;
	padding:10px;
}
.artikeldetail_tab{
	border:1px solid #209bd7;
	border-radius:5px 5px 0px 0px;
}
div.artikeldetail_artikelanhang > div > a{
	font-size:14px;
	color:#333;
	font-weight: 300;
}
.artdetail_blaettern_icon{
	cursor:pointer;
	font-size:20pt;
	color:#209bd7;
}

.navbar-brand  > .fa{
	color:white;
	font-size:15pt;
}

div.foot-menue {
	display: block;
	margin-left: auto;
	margin-right: auto;  
	border: 1px solid #ddd;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;	
	background-color:white;
}

.gal-thumbnail {
	background-color: transparent;
}

div.galspace {
	padding: 0px 5px 0px 0px;
	margin-bottom: 10px;	
}

div.galeriepic {
	min-height: 0px;
	height: auto;
}

div.galbild_vorsch {
	margin-right: 15px;
	min-width: 110px;
	padding: 4px;		
	border: 1pt solid #ddd;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;				
}

div.galbild_vorsch img {
	width: 100%;
	min-width: 100px;
	height: auto;
	background-size: 100% auto; 	
	/* background-size: cover; */
background-size: contain;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;		
}


div.galbild_vorsch img.galerie {
	background-size: cover; 
}

div.gal_list div.galerie_caption {
	height: 1em;
	max-height: 1em;
	padding:0;
	margin: -10px 0px 10px 0px;
}

div.galerie_caption.gal_slide {
	margin:20px;
}


div.gallist p.teasertext p {
	text-align: justify;
}
div.doklist p.teasertext p {
	text-align: justify;
}
div.adrlist p.teasertext p {
	text-align: justify;
}
div.ktnlist p.teasertext p {
	text-align: justify;
}

div.back-top {
	padding: 5px 15px 10px 0px;
}

.nav-stacked .sidemenu_head{
	padding:5px;
	min-height: 30px;
}
.nav-stacked .sidemenu_row{
	min-height:30px;
	border-top:1px solid #333;
}
.nav-stacked > li.active > a, .nav-stacked > li.active:hover > a{
	color:#209bd7;
	background: #FFFFFF;
}
.nav-stacked .sidemenu_row > a > span{
	margin-top:6px;
}
.nav-stacked .sidemenu_row > a{
	padding: 12px 5px 9px 5px;
}
.nav-stacked .sidemenu_row > a:hover{
	color: #209bd7;
	background-color:#FFFFFF;
}
.sidemenu_ug_row{
	margin-left:-10px;
	margin-right: -1px;
	padding-top:5px;
	padding-left:20px;
	list-style:none;
	min-height:30px;
	text-align:left;
}
.nav > li > a:hover{
	background-color:#FFFFFF;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{
	color: #209bd7;
	background:#FFFFFF;	
}
.sidemenu_ug_row > a:hover{
	color: #209bd7;
	background:#FFFFFF;	
}
li.sidemenu_ug_row:hover{
	color: #209bd7;
	background:#FFFFFF;	
}
.sidemenu_ug_row.active > a{
	color:#209bd7;
	background: #FFFFFF;
}
.navbar-fixed-top{
	padding-left:15px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:1170px;
	min-width:270px;
}

.warenkorb {
	padding: 0px;
}

/* Extra Small */
@media(max-width:767px){
	.warenk_table_bestellflaeche, .table_warenkorb_buttonleiste, .belegliste_kopf_preiseinheit, .belegliste_inhalt_preiseinheit, .belegliste_kopf_mengeneinheit, .belegliste_inhalt_mengeneinheit, 
	.belegliste_kopf_bestand, .belegliste_inhalt_bestand, .belegliste_kopf_rabatt, .belegliste_inhalt_rabatt, .belegliste_kopf_pos, .belegliste_inhalt_pos, .belegliste_kopf_gesamtpreis, .belegliste_inhalt_gesamtpreis{
		display:none;
	}
}

/* Small */
@media(min-width:768px) and (max-width:991px){

}

/* Medium */
@media(min-width:992px) and (max-width:1199px){

}

/* Large */
@media(min-width:1200px){

}

.navbar-search{
	border:none;
	height:34px;
	padding-top:8px;
	margin-left:0px;
	width:75%;
}
.navbar-smartphone_row_left_open{
	padding-top:5px;
	border-bottom:1px solid grey;
}
.navbar-smartphone_row_left{
	padding-top:5px;
	border-right:1px solid grey;	
	border-bottom:1px solid grey;
}

.navbar-smartphone-zeile{
	min-height:30px;
	background-color:white;
	margin-bottom:5px;
	padding:5px;
	cursor:pointer;
}
.navbar-smartphone-zeile2{
	min-height:30px;
	padding:5px;
	cursor:pointer;
}
.artikelliste_preis_menge_container{
	margin-top:60px;
}
.navbar-table{
	margin-bottom:0px;
}
.navbar-table > tbody{
	float:right;
	display:block;
	max-height: 65px;
}
.navbar-icon > a > i{
	color:#209bd7;
	font-size:25pt;
	padding:10px;
}
.table > tbody > tr > td{
	border:none;	
}
.search_input{
	padding-top:7px;
}
#warenkorbvoransicht{
	border:1px solid grey;
	border-radius:5px;
}
#warenkorbvoransicht_preis{
	text-align: center;
	padding:0px 5px 5px 5px;
}
#warenkorbvoransicht_preis > a > span{
	font-size:15px;
	color:black;
	font-weight:bold;
}
#warenkorbvoransicht_kopf{
	background-color:#209bd7;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	height:40px;
	padding:10px;
	text-align:center;

}
#warenkorbvoransicht_kopf a{
	color:white;
	font-weight:bold;
}
.warenkorbvoransicht_zeile{
	font-size:12px;
	padding:10px 0px 10px 0px;
}
.warenkorbvoransicht_zeile a:hover{
	opacity:0.5;
}
.wk_container{
	margin-top:20px;
	border:1px solid #ccc;
	border-radius:5px;
}
.artikelkachel_kopf{
	min-height: 66px;
}

/*div.carousel-inner {
	height: 100%;
	width: 100%;
	max-height: calc(100% - 0px);
	max-width: calc(100% - 0px);
	border: 5px solid #000;
}*/


div.carousel-inner img {
	/*width: 100%;*/
	/*max-height: 500px;*/
}

#modalimage_gal-description {
	margin-top: -18px;
}

#modalimage_gal-description span{
	background-color: #FFF;
	padding: 5px 10px 8px 10px;
	border-radius: 5px;
}

/*.wk_stufe_a{
	width: 30px;
	height: 30px;
	font-size: 25px;
	color: #fff;
	background: url('../3xios/images/wk_point_bg_009DDF.png');
	background-repeat: no-repeat;
	background-size:100%;
	line-height: 30px;
	text-align: center;
	float: left;
}
.wk_title_a {
	font-size: 20px;
	color: #209bd7;
}
.wk_stufe_p {
	width: 30px;
	height: 30px;
	font-size: 25px;
	color: #fff;
	background: url('../3xios/images/wk_point_bg_999999.png');
	background-size:100%;
	background-repeat: no-repeat;
	line-height: 30px;
	text-align: center;
	float: left;
}
.wk_title_p {
	font-size: 20px;
	color: #333;
}*/

.wk_stufe_a{
	width: 30px;
	height: 30px;
	font-size: 25px;
	color: #fff;
	background: url('../3xios/images/wk_point_bg_009DDF.png');
	background-repeat: no-repeat;
	background-size:100%;
	line-height: 30px;
	text-align: center;
	float: left;
}
.wk_title_a {
	font-size: 20px;
	color: #209bd7;
	margin-top: -10px;
	padding-left: 35px;
}
.wk_stufe_p {
	width: 30px;
	height: 30px;
	font-size: 25px;
	color: #fff;
	background: url('../3xios/images/wk_point_bg_999999.png');
	background-size:100%;
	background-repeat: no-repeat;
	line-height: 30px;
	text-align: center;
	float: left;
}
.wk_title_p {
	font-size: 20px;
	color: #333;
	margin-top: -10px;	
	padding-left: 35px;
}
.belegliste_kopf_pos{
	width:5%;
}
.belegliste_kopf_artikelnummer{
	width:20%;
}
.belegliste_kopf_bezeichnung{
	/* width:30%; */
}
.belegliste_kopf_menge{
	/*width:5%;*/
	text-align:center;
}
.belegliste_inhalt_menge{
	text-align:center;
}
.belegliste_kopf_mengeneinheit{
	/*width:5%;*/
	text-align:center;
}
.belegliste_inhalt_mengeneinheit{
	text-align:center;
}
.belegliste_kopf_preiseinheit{
	/*width:5%;*/
	text-align:right;
}
.belegliste_inhalt_preiseinheit{
	text-align:right;
}
.belegliste_kopf_einzelpreis{
	/*width:10%;*/
	text-align:right;
}
.belegliste_inhalt_einzelpreis{
	text-align:right;
}
.belegliste_kopf_rabatt{
	/*width:5%;*/
	text-align:right;
}
.belegliste_inhalt_rabatt{
	text-align:right;
}
.belegliste_kopf_gesamtpreis{
	/*width:10%;*/
	text-align:right;
}
.belegliste_inhalt_gesamtpreis{
	text-align:right;
}
.belegliste_kopf_bestand{
	/*width:5%;*/
	text-align:right;
}
.belegliste_inhalt_bestand {
	text-align: center;
	width: 5%;
	max-width: 5%;
}
#continue_shopping,
#BestellenWeiterKL,
#AnmeldenKL {
	margin-top: 5px;
	width: 148px;
	height: 30px;
	border: 1px solid #209bd7;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	background: #209bd7;
	color: #fff;
	cursor:pointer;
	font-weight: 300;
	border-radius: 4px;
	float:left;
}

p.teaser_button {
	text-align: right;
}

label.form_elem_desc, div.labelb {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;	
	color: #333;
    padding: 0px 10px 0px 10px;
}

p.labelb {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;	
	color: #333;
}

input.form_elem_div.captchacode {
    width: 100px;
}


.artikeldetail_zubehoer_tabelle .artikeldetail_zubehoer_bildspalte{
	width:25%;
}
.artikeldetail_zubehoer_tabelle .artikeldetail_zubehoer_infospalte{
	width:50%;
}
.artikeldetail_zubehoer_tabelle .artikeldetail_zubehoer_preisspalte{
	width:25%;
}

.artikeldetail_zubehoer_preisspalte{
	text-align:right;
}
.artikeldetail_zubehoer_preisspalte > div{
	padding-top:30px;
}
.artikeldetail_zubehoer_preisspalte > div > div.artikeldetail_preis > p{
	font-weight: 300;
}
.artikeldetail_alternativartikel_tabelle .artikeldetail_alternativartikel_bildspalte{
	width:20%;
}
.artikeldetail_alternativartikel_tabelle .artikeldetail_alternativartikel_infospalte{
	width:50%;
	text-align:left;
}
.artikeldetail_alternativartikel_tabelle .artikeldetail_alternativartikel_preisspalte{
	padding-top:30px;
	width:30%;
}
.artikeldetail_alternativartikel_tabelle .artikeldetail_alternativartikel_preisspalte > .artikeldetail_alternativartikel_preis > p{
	text-align: right;
	font-weight: 300;
	font-size:18px;
}
.artikeldetail_select_xs{
	background-color:#209bd7;
	color:white;
}

/*table.artikelliste_table > thead.artikelliste_table_head > tr > th.artikelliste_table_head_bildspalte{
	width:18%;
}*/
table.artikelliste_table > thead.artikelliste_table_head > tr > th.artikelliste_table_head_artikelnrspalte{
	width:20%;
}
table.artikelliste_table > thead.artikelliste_table_head > tr > th.artikelliste_table_head_infospalte{
	width:20%;
}
table.artikelliste_table > thead.artikelliste_table_head > tr > th.artikelliste_table_head_pe_me_spalte{
	width:13%;
}
table.artikelliste_table > thead.artikelliste_table_head > tr > th.artikelliste_table_head_bestandspalte{
	width:5%;
}
/*table.artikelliste_table > thead.artikelliste_table_head > tr > th.artikelliste_table_head_preisspalte{
	width:15%
}*/
table.artikelliste_table > tbody.artikelliste_table_body > tr > td.artikelliste_table_body_artikelnummerspalte{
	font-weight: 300;
}
table.artikelliste_table > tbody.artikelliste_table_body > tr > td.artikelliste_table_body_infospalte > a > h4{
	font-size:14px;
	margin-top:0px;
}

div.merkzettel_info a h4{
	font-size:14px;
}
div.merkzettel_info a h4:hover{
	color:#209bd7;
}
div.merkzettel_info .input-group span{
	color:#209bd7;
	cursor:pointer;
}
div.merkzettel_info .input-group .input-group-addon{
	background: transparent;
}
.navbar-default .navbar-toggle{
	border:none;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#209bd7;
	height:3px;
	width:35px;
	margin-bottom:5px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background: none;
}

.konto_xs_accordion{
	margin-top:20px;
}
.konto_xs_accordion > div > div > .panel-default{
	border:none;
	box-shadow: none;
}
.konto_xs_accordion > div > div > .panel-default > .panel-heading{
	background-color:#FFFFFF;
	border:none;
}
.itemnichtsichtbar {
	border: 1px dotted #C0C0C0;
	display: block;
	height: auto;
}

.itemnichtsichtbar h1, 
.itemnichtsichtbar h4, 
.itemnichtsichtbar h4 a,
.itemnichtsichtbar h5,  
.itemnichtsichtbar p, 
.itemnichtsichtbar a,
.itemnichtsichtbar div a,
.itemnichtsichtbar div label {
	color:  #C0C0C0;
}

.adresse {
	margin-bottom: 15px;
} 

.adresse p, .termin p  {
	display: inline;
	line-height:10px;
} 

.adresse div.galbild_vorsch {
	margin-bottom: 15px;
}

.wk_button_icon_container > i{
	color:#209bd7;
	font-size:40px;
	padding-top:25px;
}

.gleicheHoehe{
	overflow: hidden; 
}
.Hoehe{
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

.kachel_in_portal {
	padding-left: 0px;
}

div.foot2 > ul > li > a{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
}

.navbar_mobile_menu{
	width:40%;
	padding:10px;
	background:#FFFFFF;
	float:right;
}
.navbar_mobile_umenu{
	width:40%;
	padding:10px;
	background:#FFFFFF;
	-webkit-box-shadow: -10px 10px 15px 5px rgba(170,170,170,0.4);
	-moz-box-shadow: -10px 10px 15px 5px rgba(170,170,170,0.4);
	box-shadow: -10px 10px 15px 5px rgba(170,170,170,0.4);
	float:right;
}
.navbar_mobile_menu > div, .navbar_mobile_umenu > div{
	padding:5px;
}
.navbar_mobile_menu > .active > a > div > p, .navbar_mobile_umenu > .active > a > div > p{
	color:#209bd7;
}
.navbar_mobile_menu > div > a > div > p > i, .navbar_mobile_umenu > div > a > div > p > i{
	color:#209bd7;
	font-size:16px;
	padding-right:5px;
}

.kontosuche > .input-group > div.input-group-addon{
	color:#209bd7;
	background-color:transparent;
}

.foot_logos{
	text-align:right;
}
.foot_logos > a > img, .foot_logos > img{
	padding:10px;
}

.navbar-fixed-top .navbar-collapse{
	max-height:none;
}
.navbar-default .navbar-collapse{
	border:none;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
}	

table.warenk_tr_summen {
	float: right;
}

.td_warenkorb1_untere_zeile {
	width: 650px;
}
.wk_registrieren_button{
	margin-top:20px;
	width: 150px;
	height: 30px;
	border: 1px solid #209bd7;
	text-align: center;
	line-height: 30px;
	background: #209bd7;
	cursor:pointer;
	border-radius: 4px;
}
.wk_registrieren_button > a{
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;	
}

.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*Bilderdarstellung*/
/*Gruppenbilder*/
.artikelgruppen_container_image{
	height:200px;
	position:relative;
	border-bottom:1px solid #333;
}
.artikelgruppen_container_image > img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
}
/*Kachel-Ansicht*/
.artikelliste_kachel_bildcontainer{
	height:200px;
	position:relative;
}
.artikelliste_kachel_bildcontainer > img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
}
/*Listen-Ansicht*/
.artikelliste_liste_bildcontainer{
	height:100px;
	position:relative;
	width:100px;
	border:1px solid #333;
	border-radius:4px;
}
.artikelliste_liste_bildcontainer > img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
	border-radius:4px;
}
/*Detail-Ansicht*/
.artikeldetail_hauptbild_container{
	height:300px;
	position:relative;
	width:100%;
	border:1px solid #333;
	border-radius:4px;
}
.artikeldetail_hauptbild_container > img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
	border-radius:4px;
	cursor:pointer;
}
.artikeldetail_alternativbilder_container{
	height:75px;
	position:relative;
	width:100%;
	border:1px solid #333;
	border-radius:4px;
}
.artikeldetail_alternativbilder_container > img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
	border-radius:4px;
	cursor:pointer;	
}
.artikeldetail_slider_container{
	height:300px;
	position:relative;
	width:100%;
	border:1px solid #333;
	border-radius:4px;
}
.artikeldetail_slider_container > img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
	border-radius:4px;
	cursor:pointer;	
}
.artikeldetail_bild_container{
	height:100px;
	position:relative;
	width:100%;
	border:1px solid #333;
	border-radius:4px;	
}
.artikeldetail_bild_container > img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
	border-radius:4px;
	cursor:pointer;	
}

@media(max-width:767px){	
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
		z-index: 10000;
		position: absolute;
		width: 100%;
		max-height:320px;
		-webkit-box-shadow: -10px 10px 15px 5px rgba(170,170,170,0.4);
		-moz-box-shadow: -10px 10px 15px 5px rgba(170,170,170,0.4);
		box-shadow: -10px 10px 15px 5px rgba(170,170,170,0.4);
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
	.navbar_mobile_menu{
		width:100%;
		background:#FFFFFF;
		float:right;
	}
	.navbar_mobile_menu > div, .navbar_mobile_umenu > div{
		padding:5px;
	}
	.navbar_mobile_menu > .active > a > div > p, .navbar_mobile_umenu > .active > a > div > p{
		color:#209bd7;
	}
	.navbar_mobile_menu > div > a > div > p > i, .navbar_mobile_umenu > div > a > div > p > i{
		color:#209bd7;
		font-size:16px;
		padding-right:5px;
	}
	.abstand_summenfeld2 {
		padding-right: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
		z-index: 10000;
		position: absolute;
		width: 100%;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
	.navbar_mobile_menu{
		width:40%;
		padding:10px;
		background:#FFFFFF;
		float:right;
	}
	.navbar_mobile_umenu{
		width:40%;
		padding:10px;
		background:#FFFFFF;
		float:right;
	}
	.navbar_mobile_menu > div, .navbar_mobile_umenu > div{
		padding:5px;
	}
	.navbar_mobile_menu > .active > a > div > p, .navbar_mobile_umenu > .active > a > div > p{
		color:#209bd7;
	}
	.navbar_mobile_menu > div > a > div > p > i, .navbar_mobile_umenu > div > a > div > p > i{
		color:#209bd7;
		font-size:16px;
		padding-right:5px;
	}
}

/*#################################################*/
/*#################################################*/
/*#################################################*/


html {
    font-family: Tahoma, Verdana, sans-serif;
    color: #333;
}


body {
    background-color: #009DE4;
	background-image: url(../../template/images/fullsite_bg.png);
    background-repeat: no-repeat; 
    background-position: center 0px;
    background-attachment: fixed;
    /*background-attachment: scroll;*/
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;	
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 0px;
    margin: 0px;
}

div#App {
    margin: 0px 8px 0px 0px;
    padding: 0px 0px 0px 0px;
}


a:hover {
    font-family: Tahoma, Verdana, sans-serif;
    color: #009EE3;
    font-size: 14px;
    text-decoration: none;
}

a:visited {
    font-family: Tahoma, Verdana, sans-serif;
    color: #009EE3;
    font-size: 14px;
    text-decoration: none;
}
a:link {
    font-family: Tahoma, Verdana, sans-serif;
    color: #009EE3;
    font-size: 14px;
    text-decoration: none;
}
a:visited {
    font-family: Tahoma, Verdana, sans-serif;
    color: #009EE3;
    font-size: 14px;
    text-decoration: none;
}
a:link {
    font-family: Tahoma, Verdana, sans-serif;
    color: #009EE3;
    font-size: 14px;
    text-decoration: none;
}
a:focus {
    font-family: Tahoma, Verdana, sans-serif;
    color: #009EE3;
    font-size: 14px;
    text-decoration: underline;
} 

a:hover {
    font-family: Tahoma, Verdana, sans-serif;
    color: #FFAA28;
    font-size: 14px;
    text-decoration: underline;
}
a:active, a:hover {
    outline: 0;
}

h1 {
font-family: Tahoma, Verdana, sans-serif;
font-weight: 600;
font-size: 24px;
color: #009EE3;
line-height: 36px;
}
h2 {
font-family: Tahoma, Verdana, sans-serif;
font-weight: 600;
font-size: 20px;
color: #4A4A4A;
line-height: 30px;
}
h3 {
font-family: Tahoma, Verdana, sans-serif;
font-weight: 600;
font-size: 18px;
color: #009EE3;
line-height: 36px;
}
h4 {
font-family: Tahoma, Verdana, sans-serif;
font-weight: 600;
font-size: 14px;
color: #4A4A4A;
line-height: 30px;
}

h5 {
font-family: Tahoma, Verdana, sans-serif;
font-weight: 600;
font-size: 14px;
color: #4A4A4A;
line-height: 20px;
}



p {
font-family: Tahoma, Verdana, sans-serif;
font-size: 14px;
color: #000000;
line-height: 25px;
}

.italic {
    font-style: italic;
    color: #333;
}

h4.italic {
	color: #4A4A4A;
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
}


label.form_elem_desc, div.labelb {
	font-family: Tahoma, Verdana, sans-serif;
    font-size: 9pt;
	font-style: italic;	
    font-weight: 400;
	color: #333;
    padding: 0px 10px 0px 10px;
}

input.form_elem_div.captchacode {
    width: 100px;
}

.container {
    max-width: 980px;
	padding: 0px;
	margin: 0 auto;
}

.row.container {
    margin-top: 0px 0px;
    padding: 0px;
    background: transparent;
    background-image: url(../../template/images/hellblau_transparent.png);
	background-repeat: repeat;
    height: auto;
}

.clearfix:before, .clearfix:after {
content:"";
display: table
}

.clearfix:after {
clear: both
}

.clearfix {
*zoom: 1
}

.headimg {
    margin: 0px;
    text-align: center;
    width: 100%;
}

div.headheight {
    padding: 0px;
}


div.headimg img {
    width: 100%;
    max-width: 100%;
}

.navbar-fixed-top {
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 980px;
    min-width: 270px;
}

.navbar-default {
	margin:0px auto;
	padding:0px;
    background: transparent;
    background-image: url(../../template/images/menue_transparent.png);
	background-repeat: repeat;
    /*border: 1px solid blue;*/
}

.navbar-default .navbar-nav > li > a {
    color: #404040;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #009EE3;
    color: #fff;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color: #009EE3;
    color: #fff;
}

div.banner_right {
    /*padding: 0px 0px 0px 0px;*/
    height:auto; 
    
}

div.banner_right div.banner_r {
    width:100%; 
    height:auto; 
    border-left: 1px solid #FFAA28;

}

.portal9 img, 
.portal10 img {
    width: 100%;
    max-width: 100%;
}

.modul9-1 div, 
.modul9-2 div, 
.modul9-3 div, 
.modul9-4 div, 
.modul10-1 div, 
.modul10-2 div, 
.modul10-3 div, 
.modul10-4 div {
    background-color: #FFAA28;;
    margin: 5px;
    padding: 0px;
}

.modul9-1 div a, 
.modul9-2 div a, 
.modul9-3 div a, 
.modul9-4 div a, 
.modul10-1 div a, 
.modul10-2 div a, 
.modul10-3 div a, 
.modul10-4 div a {
    color: #fff;
}


div.Portallink  {
    height: 35px;
    padding: 0px 0px 0px 10px;
    margin:10px;
}


.navbar-default {
    padding-top: 0px;
    padding-bottom: 0px;
}

/*.navbar-default.navbar-fixed-top .visible-xs.visible-sm.navbar-header {
	margin: 0px 0x 0px 0px;

}

.navbar-default.navbar-fixed-top {
	margin: 0px 0px 0px 0px;
}*/

.navbar.navbar-default {
    padding-right: 0px;
    padding-left: 0px;
    border-radius: 0px;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

ul.sidemenu {
    border: 0px solid #fff;
    border-radius: 0px;
    background: transparent;
}


.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background: transparent;
    background-image: url(../../template/images/menue_transparent.png);
	background-repeat: repeat;    
}


li.sidemenu_head {
    display: none;
}

.sidemenu_row {
    min-height: 30px;
    border-top: 0px;
}

.sidemenu_row > a {
    font-weight: bold;
    text-align: left;
    padding: 0px;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 12px;
    color: #009EE3;
    line-height: 20px;    
}

.foot_logo img {
    width: 100%;
    max-width: 100%;
}

div.foot-menue {
    margin:10px;
}

div.foot1 {
	background-color: transparent;
 /* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #FFFFFF 10%, transparent 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #FFFFFF 10%, transparent 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #FFFFFF 10%, transparent 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #FFFFFF), color-stop(1, transparent));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 10%, transparent 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #FFFFFF 10%, transparent 100%);	 
		
	background-repeat: repeat-x;    
    text-align: center;
    border: none;
}

div.fusszeile {
    margin: 0px 20px 0px 0px;
    border: 0px solid red;
}

div.footline {
    margin: 80px 0px 0px 0px;
    border-top: 1px solid #FFAA28;
    height: 1px;
}

div.foot_logo img{
    margin-bottom: 20px;
}



div.foot-adress p, div.foot-oeffn p {
    color: grey;
    line-height: 17px;
    white-space: nowrap;

}

.nav-stacked .sidemenu_row {
    min-height: 30px;
    border-top: 1px solid #fff;
}

p.teaser_button {
    text-align: right;
}

.modul12-3, 
.modul12-4, 
.modul12-5, 
.modul12-6, 
.modul12-7, 
.modul12-8,
.modul12-10,
.modul12-11 {    
    border: 3px solid #fff;
    background: transparent;
    background-image: url(../../template/images/weiss_transparent.png);
	background-repeat: repeat;  
}

.modul12-3 h4, 
.modul12-4 h4, 
.modul12-5 h4, 
.modul12-6 h4, 
.modul12-7 h4, 
.modul12-8 h4,
.modul12-10 h4,
.modul12-11 h4 {  
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #009EE3;
    line-height: 36px;
}

.modul12-1 h4, .modul12-9 h4 { 
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #4A4A4A;
    line-height: 24px;
}


.linkgalerie {
    border: 0px solid red;
} 

div.gal_list div.galerie_caption {
    min-height: 50px;
    height: auto;
    padding: 0;
    margin: -10px 0px 10px 0px;
}

.adresse p, .termin p {
    display: inline;
    line-height: 12px;
}

.SWAZ_main.row {
    padding: 0px;
    margin:  0px;
}

#content {
    border: 0px solid blue;    
}

.panel-default>.panel-heading {
    color: #333;
    text-decoration: none;
    background: transparent;
    background-image: url(../../template/images/menue_transparent.png);
	background-repeat: repeat;    
    border-color: #ddd;
}

.modal_img_container img,
.hk-uk-img {
	max-width: 100%;
}

/* Extra Small */
@media(max-width:767px){

	div#App {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.row {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}


	.row.container {
        margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 100%;
    }
	.container {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 100%;
	}


	div#headheight {
		/*margin: 0px -15px 0px -15px;*/
        margin: 0px;
		padding: 0px;
	}

	.headimg {
		padding: 0px;
		margin: 0px;
	}

    div#top {
        
        padding: 0px;
    }

    .navbar-default.navbar-fixed-top .visible-xs.visible-sm.navbar-header {
        margin: 0px 0x 0px 0px;

    }

    .navbar-default.navbar-fixed-top {
        margin: 0px 0px 0px 0px;
		width: 100%;        
    }

    .row.navbar-smartphone {
        margin-right: 5px;
        margin-left: 5px;
    }

    .navbar-smartphone {
        background: transparent;
    }
    .navbar-smartphone_row_left {
        padding-top: 5px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .navbar-smartphone-zeile {
        margin-left: 10px;
        min-height: 30px;        
        background-image: url(../../template/images/menue_transparent.png);
	    background-repeat: repeat;    
        border: 2px solid #009EE3;
        margin-bottom: 0px;
        padding: 5px;
        cursor: pointer;
    }   
    .navbar-smartphone-zeile li {
        background-image: url(../../template/images/menue_transparent.png);
	    background-repeat: repeat;    
    }        

    .visible-xs.visible-sm.navbar-header {
        background-image: url(../../template/images/menue_transparent.png);
	    background-repeat: repeat;   
        margin-left: 0px;
    }

    
    .visible-xs.visible-sm.navbar-header {
        background-image: url(../../template/images/menue_transparent.png);
	    background-repeat: repeat;   
        margin-left: 0px;
    }

    ul.nav.navbar-nav {
        width: 100%;
    }

    .navbar-smartphone-zeile2 {
        background-image: url(../../template/images/menue_transparent.png);
	    background-repeat: repeat;   
        margin-left: 0px;
	}

    .navbar-nav-sub {
        width: 100%;
        border-bottom:1px solid #fff
    }

	div#content div {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	div#content p, 
	div#content h1, 
	div#content h2, 
	div#content h3 {
		margin-left: 0;
		margin-right: 0;
		padding-left: 5px;
		padding-right: 5px;
	}	

    div.foot-adress, div.foot-oeffn, div.foot_logo {
        float: left;
        text-align: left;
        padding: 10px 0px 0px 6px;
        width: 100%;
        max-width: 200px;
    }
    div.foot1{
        padding: 25px 0px 25px 0px;
        margin: 0px 0px;
    }

    div.foot2 {
        height: auto;
        min-height: 290px;
        margin:  0px 0px 0px 0px;       
        background-color: #FFFFFF;
    }
    div.foot_banner div {
        background-color: #FFAA28;;
        margin: 10px  -10px;
        padding: 8px 0px 0px 15px;
    }
    div.foot_banner a {
        color: #fff;
    }

    div.vermittelt {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    div.navbar-fixed-top {
        border: 0px solid red;

    }
    div.modul12-2 {
        display: none;
    }
    div.modul12-1 {
        display: none;
    }   
    div.modul12-7 {
        display: none;
    }  
    div.modul12-8 {
        display: none;
    }  
    div.modul12-9 {
        padding: 0px 20px 0px 5px;
    }
     div.modul12-9 img {
        width: 100%;
        max-width: 300px;
    }
 
    .modul12-3, 
    .modul12-4, 
    .modul12-5, 
    .modul12-6, 
    .modul12-7, 
    .modul12-8,
	.modul12-9 {    
        border: 2px solid #fff;
        background: transparent;
        background-image: url(../../template/images/weiss_transparent.png);
        background-repeat: repeat;  
        height: auto;
        min-height: 100px;   
        margin: 10px -15px 10px -15px;   
        padding: 0px 25px 0px 25px;    
    }

    .form_elem_div.form-control {
        margin-right: 10px;
    }
    .form-horizontal .form-group {
        margin-right: 0px;
        margin-left: 0px;
    }
     .portal12 {
        margin: 0px;
        padding: 0px;
    }   

	table.table_abw {
		min-width: 100%;
		max-width: 100%;
	}
	table.table_abw,  table.table_abw p, table.table_abw a {
		font-size: 2vw;
		white-space: pre-wrap;
		word-wrap: break-word;
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto; 
	}

}

/* Small */
@media(min-width:768px) and (max-width:991px){ 
	div#App {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.row {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}


	.row.container {
        margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 100%;
    }
	.container {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 100%;
	}

	.headimg {
		padding: 0px;
		margin: 0px;
	}

	table.table_abw {
		min-width: 100%;
		max-width: 100%;
	}
    .navbar-default.navbar-fixed-top .visible-xs.visible-sm.navbar-header {
        margin: 0px 0px 0px 0px;
    }

    .navbar-default.navbar-fixed-top {
        margin: 0px 0px 0px 0px;
		width: 100%;        
    }

    .row.navbar-smartphone {
        margin-right: 5px;
        margin-left: 5px;
    }

    .navbar-smartphone {
        background: transparent;
    }
    .navbar-smartphone_row_left {
        padding-top: 5px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .navbar-smartphone-zeile {
        margin-left: 10px;
        min-height: 30px;        
        background-image: url(../../template/images/menue_transparent.png);
	    background-repeat: repeat;    
        border: 2px solid #009EE3;
        margin-bottom: 0px;
        padding: 5px;
        cursor: pointer;
    }   
    .navbar-smartphone-zeile li {
        background-image: url(../../template/images/menue_transparent.png);
	    background-repeat: repeat;    
    }        

    .visible-xs.visible-sm.navbar-header {
        background-image: url(../../template/images/menue_transparent.png);
	    background-repeat: repeat;   
        margin-left: 0px;
    }

    
    .visible-xs.visible-sm.navbar-header {
        background-image: url(../../template/images/menue_transparent.png);
	    background-repeat: repeat;   
        margin-left: 0px;
    }

    ul.nav.navbar-nav {
        width: 100%;
    }

    .navbar-smartphone-zeile2 {
        background-image: url(../../template/images/menue_transparent.png);
	    background-repeat: repeat;   
        margin-left: 0px;
        
    }

    .navbar-nav-sub {
        width: 100%;
        border-bottom:1px solid #fff
    }
    
    div.foot-adress, div.foot-oeffn, div.foot_logo {
        float: left;
        text-align: left;
        padding: 10px 0px 0px 6px;
        width: 100%;
        max-width: 200px;
    }
    div.foot-adress, div.foot-oeffn, div.foot_logo {
        padding: 10px 25px 0px 10px;
        text-align: left;
        max-width: 300px;
    }
    div.foot1{      
        padding: 25px 10px 25px 20px;
        margin:  20px 0px 0px 0px;  
    }
    div.foot2 {
        height: auto;
        min-height: 485px;
        margin:  0px 0px 0px 0px;
        background-color: #FFFFFF;
    }
    div.foot_banner div{
        background-color: #FFAA28;
        height:65px;
        margin: 10px;
        padding: 10px;
    }
    div.foot_banner a {
        color: #fff;
    }
    .contentbg {
        background-image: url(../../template/images/SWAZ_Website_Bild_Glas.png); 
        background-repeat: no-repeat;   
        background-position: 0px 0px;
    }

    div.modul12-2 {
        display: none;
    }
    div.modul12-1 {
        display: none;
    }   
    div.modul12-7 {
        display: none;
    }  
    div.modul12-8 {
        display: none;
    }  
    div.modul12-9 {
        /* margin-left: 45%; */
        /* padding: 130px 20px 130px 5px; */
		padding: 40px 20px 40px 5px;
		background-color: #fff;
    }
    .modul12-3, 
    .modul12-4, 
    .modul12-5, 
    .modul12-6 {    
        border: 2px solid #fff;
        background: transparent;
        background-image: url(../../template/images/weiss_transparent.png);
        background-repeat: repeat;  
        height: auto;
        min-height: 260px;   
        margin: 10px 0px 10px 0px;   
        padding: 0px 20px 0px 25px;    
    }

    .form_elem_div.form-control {
        margin-right: 10px;
    }
    .form-horizontal .form-group {
        margin-right: 0px;
        margin-left: 0px;
    }
     .portal12 {
        margin: 0px;
        padding: 0px;
    }    
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    
    .navbar-default .navbar-nav {
        margin-left: 0px;
    }        
    div.foot-adress, div.foot-oeffn, div.foot_logo {
        padding: 10px 0px 0px 12px;
    }	
    div.foot1{
        padding: 150px 10px 20px 20px;
        margin:  20px 0px 0px 0px;  
    }
    div.foot2 {
        height: auto;
        min-height: 290px;
        margin:  0px 0px 0px 0px;
        background-color: #FFFFFF;
    }
    .contentbg {
        background-image: url(../../template/images/SWAZ_Website_Bild_Glas.png); 
        background-repeat: no-repeat;   
        background-position: 0px 0px;
    }
    div.modul12-9 {
        display: none;
    } 
    div.modul12-1 {
        /* padding: 130px 20px 130px 30px; */
		padding: 40px 20px 40px 30px;
		background-color: #fff;
    }

    .portal12 {
        margin: 0px -15px 0px 0px;
        padding: 0px  15px;
    }


    /*.col-md-4.modul12-3 , 
    .col-md-4.modul12-4 , 
    .col-md-4.modul12-5 , 
    .col-md-4.modul12-6 , 
    .col-md-4.modul12-7 , 
    .col-md-4.modul12-8  { 
        margin: 0px;
        border: 1px solid red;
    }   */
 
    .modul12-3, 
    .modul12-4, 
    .modul12-5, 
    .modul12-6, 
    .modul12-7, 
    .modul12-8 {    
        border: 3px solid #fff;
        background: transparent;
        background-image: url(../../template/images/weiss_transparent.png);
        background-repeat: repeat;  
        height: 280px;   
        margin: 10px 0px 10px -10px;   
        padding: 0px 20px 0px 25px;    
    }
}

/* Large */
@media(min-width:1200px){
    .navbar-default .navbar-nav {
        margin-left: 0px;
    }    
    div.foot-adress, div.foot-oeffn, div.foot_logo {
        padding: 10px 0px 0px 12px;

    }	
    div.foot1{
        padding: 150px 10px 20px 20px;
        margin:  20px 0px 0px 0px;  
    }
    div.foot2 {
        height: auto;
        min-height: 290px;
        margin:  0px 0px 0px 0px;        
        background-color: #FFFFFF;
    }
    .contentbg {
        background-image: url(../../template/images/SWAZ_Website_Bild_Glas.png); 
        background-repeat: no-repeat;   
        background-position: 0px 0px;
    }
    div.modul12-9 {
        display: none;
    }    
    div.modul12-1 {
        /* padding: 130px 20px 130px 25px; */
		padding: 40px 20px 40px 25px;
		background-color: #fff;
    }
     .portal12 {
        margin: 0px -15px 0px 0px;
        padding: 0px  15px;
    }
    .modul12-3, 
    .modul12-4, 
    .modul12-5, 
    .modul12-6, 
    .modul12-7, 
	.modul12-8,
	.modul12-10,
	.modul12-11  {    
        border: 3px solid #fff;
        background: transparent;
        background-image: url(../../template/images/weiss_transparent.png);
        background-repeat: repeat;  
        height: 280px;   
        /* margin: 10px 0px 10px -10px; */ 
		margin: 10px 0px 10px 0;  
        padding: 0px 20px 0px 25px;    
    }
}