:root {
	--wp-admin-theme-color: #007cba;
	--wp-admin-theme-color-darker-10: #006ba1;
	--wp-admin-theme-color-darker-20: #005a87;
	--blue: #f71f3b;
	--red: #0091ff;
}

html, body {
    font-family: "Roboto", sans-serif;
    font-size: 15px !important;
	font-weight: 500;
	color: #494949;
    line-height: 20px;
	margin: 0;
}
body { background: #f71f3b }

.skryto  { display: none }

#page {
	background-repeat: no-repeat;
	background-position: bottom;
	/*padding-bottom: 250px;*/
}

header {
    position: fixed;
    width: 100%;
    z-index: 99;
}
article, aside, footer, header, nav, section {
    display: block;
}

body header .header-top {
    position: relative;
    height: 35px;

}
header .header-top .top-navigation {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

header .header-top .top-navigation > div {
    float: left;
}


header .header-top .top-navigation .top-menu {
    margin: 0;
    padding: 0;
    text-align: right;
}

header .header-top .top-navigation .top-menu .menu-item {
    position: relative;
    display: inline-block;
    list-style: none;
    margin-left: 25px;
    vertical-align: 1px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;	
}

header .header-top .top-navigation .top-menu .menu-item a {
    position: relative;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
}

header .header-logo {
    position: absolute;
    background: #fff;
    width: 230px;
    padding: 20px;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
    z-index: 100;
    transition: all 0.3s;
}

header .header-logo .site-branding img {
    width: 100%;
}
img {
    border-style: none;
}




body .site-content h1, .h1 {
    text-transform: uppercase;
    margin-top: 45px;
	margin-bottom: 85px;
	width: 100%;
    height: inherit;
    display: block;
}

.site-content .models_cat_name {
	text-align: center;
    background: linear-gradient(180deg, #0F2A49 10.55%, rgba(25, 29, 46, 0.986441) 167.34%);
    color: #fff;
    padding: 15px 0 12px 0;
	border-top: 6px #0091ff solid;

}

#main_menu .column:hover .card { box-shadow: rgb(0 0 0 / 15%) 0px 10px 30px !important }
#main_menu .card { border-top: 8px solid #001c44 !important; border: 1px solid rgba(0,0,0,0.15); min-height: 590px }

#kontakt_box .column:hover .card { box-shadow: rgb(0 0 0 / 15%) 0px 10px 30px !important }
#kontakt_box .card { border: 1px solid rgba(0,0,0,0.15); }

.card-katalog:hover { box-shadow: none }

#main_menu .card .content .block { margin: 1em; text-align: left; color: #494949; font-size: 15px; }
#main_menu a.card { color: white; text-decoration: none; }
#main_menu a.card h2 { color: white;color: #f81f3a; }
#main_menu .column:hover a.card h2 { color: #001c44 }

#kontakt_box .card .content .block { margin: 1em; text-align: left; color: #494949; font-size: 15px; }
#kontakt_box a.card { color: white; text-decoration: none; }
#kontakt_box a.card h2 { color: white;color: #001c44; }
#kontakt_box .column:hover a.card h2 { color: #0091ff }
#kontakt_box .column:hover a.card h2 { color: #0091ff }


h3.header { color: #f81f3c !important; font-size: 25px; min-height: auto; margin-bottom: 2em }
.site.unmoved header .header-logo {	width: 170px; /*padding: 10px;*/ transition: all 0.5s; z-index: 101; border-bottom: 5px solid #001c44  }
.site header .header-logo {	width: 130px; /*padding: 5px;*/	transition: all 0.5s; border-bottom: 5px solid #001c44 }

@media only screen and (max-width: 1259px) {
	.down_menu { position: absolute; top:  330px; transform: translate(-50%, 0%); left:50%; width: 90vw; }
	.no-mobile { display: none !important;	}
	body .site-content { padding-top: 50px;	min-height: 100vh; }
}

h2.site.ui.header {	color: #0091ff; font-size: 4em; margin-top: 1em; margin-bottom: 1em }
h2.site.ui.small.header { color: #0091ff; font-size: 25px; margin-top: 0em; margin-bottom: 1em; min-height: auto;}
p.h2.site.ui.small.header { color: #0091ff; font-size: 25px; margin-top: 0em; margin-bottom: 1em; min-height: auto;}
h2.site.ui.header small { color: #001c44; font-size: 0.4em; display: block }

body #main_menu { margin: auto;	width:90%; max-width: 1650px }
body #kontakt_box { margin: auto;	width:90%; max-width: 1650px }

@media only screen and (min-width: 1500px) {
	body .site header .header-logo { width: 170px;	padding: 10px;	transition: all 0.5s; }
/*	body .site.unmoved header .header-logo { width: 230px;padding: 20px; transition: all 0.5s; } */
	#main_menu .card { min-height: 635px !important }
	#main_menu .card.kontakt { min-height: 720px !important }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
#main_menu .card { min-height: 675px !important }
}

.ui.segment { padding-left: 0em; padding-right: 0em; }

@media only screen and (min-width: 1260px) {
	body #page { max-width: 1800px;	margin: auto }
	body #page #header { position: fixed; max-width: 1800px; margin: auto }
	body .down_menu { position: absolute; bottom: 0px; transform: translate(-50%, -50%); left: 50%	}
	#main_menu .card { border-top: 8px solid #001841 !important; border: 1px solid rgba(0,0,0,0.15); min-height: 590px }
	#main_menu .card.kontakt { min-height: 645px }
	#kontakt_box .card { border: 1px solid rgba(0,0,0,0.15); border-top: 8px solid #001841 !important; }

	#main_menu.homepage_sk .card { border-top: 8px solid #001841 !important; border: 1px solid rgba(0,0,0,0.15); min-height: 820px }
	body #main_company_block { margin-top: 2em;	margin-bottom: 1em; }
	.site .mobile {	display: none }
	body .site-content { max-width: 1500px;	margin: auto; }

	body .site-content.homepage {
		min-height: 100vh;
		max-width: 100vw;
		padding-left: 0px;
		padding-right: 0px;
	}

	.ui.container {	width: 90%;	margin-left: auto !important; margin-right: auto !important; padding: 0em;	}
	.ui.grid.container { width: 100% !important; }
	.ui.relaxed.grid.container { width: 90% !important;	}
	.ui.very.relaxed.grid.container { width: 90% !important; }

}

body footer#footer { padding: 5em 3em; background: #f71f3b }
body div#footer_grid .column {	padding: 10px }
body div#footer a {	color:#a7a2a2 }

body .ui.cards > .card > .content > a.header:hover,body .ui.card > .content > a.header:hover {
	color: #001c44;
}

body .ui.cards > .card > .content > a.header,body .ui.card > .content > a.header {
	color: #001c44;
}

#produkty-menu:hover {display: block;}
#produkty-menu.sub-menu ul { list-style-image: url('../img/ul.png');}



img.preload-me { max-height: 200px !important; max-width: 200px !important; }
ul.clearfix {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;

}
ul.clearfix li {
	float:left;
}

ul.slider-simple {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul.slider-simple li {
	float:left;
}

.hero-wrap {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	top:100px;
	margin-bottom: 125px;
}
.down_menu a.ui.card {
	background: rgba(255,255,255,0.7);
	color: white;
	background: linear-gradient(135deg, #11305f 0%,#001647 50%,#001647 100%);
	padding: 20px;
	transition: all 0.5s;
}
.down_menu a.ui.card img {
	position: absolute;
	right: 25px;
}
.down_menu a.ui.card:hover {
	opacity: 0.8;
	padding: 20px;
	transition: all 0.5s;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.down_menu h1 { color: white; }

#news_carusel .ui.grid { margin: 0em;}


/*div.site.unmoved  header .header-bot .primary-navigation .primary-menu .menu-item a {
	font-weight: bolder;
}*/


div.site #product_category_menu .card:hover img { opacity: 0.8; }

body ul { list-style-image: url('/img/ul.png') }
body div.main_site { background: white; }
body  div.main_site h3,
body  div.main_site h2,
body  div.main_site h1 { margin-top: 0.3em;  margin-bottom: 0.5em;}
body  div.main_site h1.site_title { margin-top: 3em; }

#frm-contactForm { padding-top: 20px; margin-top: 50px;}

#main_breadcrumb  {	float: right; }
#main_breadcrumb a  { color: #0091ff; }
#main_breadcrumb a.active  { color: black; }

.close-line { position: absolute; bottom: 0; left: 0; width: 80%; height: 6px; background: #0091ff; }

/* RENT */
table.ui.table.list-rent { background: rgba(255,255,255,0.8); }
.list-rent td { vertical-align: middle !important; font-weight: bold; }
.list-rent td img { width: 10vh; }
.list-rent td:nth-child(3) { font-size: 1em; }
.list-rent td:nth-child(4) { font-size: 1em; }
.list-rent td:nth-child(5) { font-size: 1em; }
.list-rent td:nth-child(6) { font-size: 1em; }
.list-rent td:nth-child(7) a { font-size: 0.9em; }

#slide_text  h1, .h1 { font-size: 25px;font-weight: bold; text-transform: uppercase; margin: 0; color: #f81f3c; line-height: 30px; }
#ssite_text  h1, .h1 { font-size: 25px;font-weight: bold; text-transform: uppercase; margin: 1em 0 0; color: #f81f3c; line-height: 30px; }

.hpgrid .ui.grid.squares .row { margin: 0px; padding: 0px; border-left:  1px solid #ddd; border-top:  0px solid #ddd; }
.hpgrid .ui.grid.squares .row:last-child { margin: 0px; padding: 0px; border-bottom: 0px solid #ddd; }

.ui.grid.squares .row { margin: 0px; padding: 0px; border-left:  1px solid #ddd; border-top:  1px solid #ddd; }
.ui.grid.squares .row:last-child { margin: 0px; padding: 0px; border-bottom: 1px solid #ddd; }
.ui.grid.squares .column { border-left: 0px solid #ddd; border-right: 1px solid #ddd;  margin: 0px; padding: 2em !important}
.ui.grid.squares .column.center { text-align: center; }
.ui.grid.squares .column:last-child { border-left: 0px solid #ddd; border-right: 0px solid #ddd;  margin: 0px; padding: 2em !important}
.ui.grid .column.center { text-align: center; }
.ui.grid .red .column.center { text-align: center; }
.ui.grid .red .column h3 { color: #ffffff !important }
.ui.grid .blue .column.center { text-align: center; }
.ui.grid .column.blue h3 { color: #ffffff }
.ui.grid .column.blue p a { color: #ffffff; text-decoration: underline; }
.ui.grid .column.blue p a:hover { color: #0091ff; text-decoration: underline; }

.ui.grid.squares h3 { color: #ffffff; margin-top: 30px; margin-left: 30px; font-size: 25px; }
.ui.grid.squares .column:first-child { border-left:  0px solid #ddd; padding-left: 2em !important }
.ui.grid.squares .column h3 { color: #f71f3b; margin-top: 0px; margin-bottom: 1em; margin-left: 0; font-size: 25px; }
.hpgrid .ui.grid.squares .column h3 { color: #ffffff; margin-top: 0px; margin-bottom: 1em; margin-left: 0px; font-size: 25px; }
.hpgrid .ui.grid.squares .column h2 { color: #ffffff; margin-top: 0px; margin-bottom: 1em; margin-left: 0px; font-size: 25px; }

.ui.grid.squares .column .label { float: left; border-radius: 20px; }
.ui.grid.squares .column p {  }
.ui.grid.squares .column a { color: #0091ff; text-decoration: underline; }
.ui.grid.squares .column a:hover { color: #f71f3b; text-decoration: underline; }
.hpgrid .ui.grid.squares img.square_icon { float: inherit; margin-top: -15px; }
.ui.grid.squares img.square_icon { float: right; margin-top: -15px; }

.vyuziti .ui[class*="two column"].grid > .row > .column, .ui[class*="two column"].grid > .column:not(.row) { width: 49.5%; }
.vyuziti.ui.grid > .row > .red.column {  margin-top: 0rem !important;  margin-bottom: 0rem !important }
.vyuziti.ui.grid.squares .column { border-left: 0px solid #ddd; border-right: 0px solid #ddd;  margin: 0px; padding: 1em !important}
.ui.two.column.grid.white { border-left: 1px solid #ddd; border-right: 1px solid #ddd}

@media (max-width: 1023px) {
.vyuziti .ui[class*="two column"].grid > .row > .column, .ui[class*="two column"].grid > .column:not(.row) { width: 100%; }
.vyuziti .ui.column.grid.white { width: 50% !important; }
.vyuziti.ui.grid.squares .column:first-child { border-bottom: 0px solid #ddd;}
}
@media (max-width: 767px) {
.vyuziti .ui.column.grid.white { width: 100% !important; }
.vyuziti img { width: 50% !important; }
}

.mapa .column { padding-left: 0rem !important; padding-right: 0rem !important }
.mapa .column.white { background: #ffffff; }
.mapa.row { background: #2291ff; background-image: url(/img/homepage/backgr-benefity.webp); background-size: cover; background-position: center; padding-top: 0rem !important; padding-bottom: 0rem !important; color: #ffffff; }

.sortiment.row { background: #001b44; background-image: url(/img/homepage/backgr-sortiment.webp); background-size: cover; background-position: center; padding-top: 2rem !important; padding-bottom: 2rem !important; text-align: center; color: #ffffff; }


#company_info { padding: 3rem; }

@media only screen and (max-width: 1259px) {
	#company_info { padding: 3rem; }
	#kontakt { margin-top: 5em; }
	#kontakt > div > .row > .column { border-bottom: 1px solid #ddd; }
	#kontakt #kontakt_row2 > .column { display: none; }
	#kontakt .column { text-align: center; }
	#kontakt-form-text { text-align: center; }
	#kontakt-form-text h3 { padding: 1em; padding-bottom: 3em;}
	#mp-menu { border-right: 8px solid #ed1c24; padding-top: 80px; padding-left: 80px; z-index: -1;	}
  }
	.menu .item .content.active  { margin-top: 10px;  }
	#mp-menu .menu  { border: 0px; }
	#mp-menu a { color: #001c44; text-decoration: none; }
	#mobile_title {	margin-top: 100px;	}
	h2.site.ui.header {	font-size: 2.5em; margin-top: 1.5em; margin-bottom: 1em; }
	h2.site.ui.header small { font-size: 0.5em; line-height: normal; }
}

@media only screen and (min-width: 1260px) {
	#kontakt {  }
	#kontakt .row { padding-top: 0px; padding-bottom: 0px; }
	#kontakt #kontakt_row1 > .column { padding-left: 3em; padding-bottom: 8em; }
	#kontakt #kontakt_row1 > .column:nth-child(2) { border-left: 1px solid #ddd; }
	#kontakt #kontakt_row2 > .column { border-top: 1px solid #ddd;}
	#kontakt #kontakt_row2 > .column:nth-child(2) { border-left: 1px solid #ddd; }
	#kontakt #kontakt_row3 > .column { border-top: 1px solid #ddd; padding-left: 3em;  padding-bottom: 8em; }
	#kontakt #kontakt_row3 > .column:nth-child(2) { border-left: 1px solid #ddd; }
	#kontakt #kontakt_row4 > .column { border-top: 1px solid #ddd; padding: 3em; border-left: 1px solid #ddd; padding: 3em; }
	#kontakt #kontakt_row4 > .column:first-child { border-left: 0px solid #ddd; }
	#kontakt #kontakt_row5 > .column { border-top: 1px solid #ddd; padding: 3em; border-left: 1px solid #ddd; padding: 3em; }
	#kontakt #kontakt_row5 > .column:first-child { border-left: 0px solid #ddd; }
	#kontakt #kontakt_row5 > .column:nth-child(2) { border-left: 0px solid #ddd; }
	#kontakt .column .kontakt_col { text-align: center; }
	#company_info { padding: 3em !important; }
	#kontakt-form-text h3 { max-width: 450px; }
	#mobile_title { display: none; }
}

#kontakt .column.center { text-align: center; }
#kontakt #kontakt_row1 h2.header { margin-top: 0px;  }
#kontakt .column h3 { color: #0091ff; margin-top: 0px; }


#cat_menu .item {
	margin-left: -50px;
}

div.product .card-katalog {
	overflow: hidden;
	margin-bottom: 0px;
	border: 0px;
}

div.product .card-body { background: white; position: relative; top: 0px; padding: 0em 2em; z-index: 5; }
div.product .card-katalog .details { text-align: justify; padding: 0 0; }
div.product .card-body .header { margin-top: 25px; margin-bottom: 15px !important; font-size: 25px; }
div.product .card-katalog .card-img {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
	overflow: hidden;
	max-height: 250px;
	border-radius: 0px;
}

div.product .card-katalog .card-img:hover {	/*transform: scale(1.1);*/}

.parr_table { text-align: center; width: 100%; }

#gallery_main .blurring.dimmable > .dimmer {
	background-color: rgba(0, 0, 0, 0.9);
}
#gallery_main.ui.modal .header { border: none; }

#gallery_main.ui.fullscreen.modal {
	width: 100% !important;
	left: 0em !important;
	margin: 0em auto;
}

.gallery_img {
	border-radius: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
	min-height: 200px;
	max-height: 75vh;
	cursor: pointer;
}

.ui.cards > .card > .content, .ui.card > .content { border-top: none; }


.pathNav { text-align: right; float: right; margin-top: 0.5em; }
.pathNav a { text-decoration: underline;	font-size: 0.8em; text-transform: none; color: #f81f3a; }
.pathNav a:hover { color: #001c44; }

div.product_category_menu a.column {
	clear: both;
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-bottom: 10px;
}

div.product_category_menu .image {
	width: 100%;
	height: 30vh;
	min-height: 400px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 0.3s;
}

div.product_category_menu .models_cat_name {
	text-align: center;
	font-size: 1.2em;
	background: linear-gradient(180deg, #0F2A49 10.55%, rgba(25, 29, 46, 0.986441) 167.34%);
	color: #fff;
	padding: 1.2vh 0 1vh 0;
	border-top: 6px #0091ff solid;
}

div.product_category_menu .column .image .cat_content {
	display: none;
}

div.product_category_menu .column .image:hover .cat_content {
	min-height: 350px;
	height: 30vh;
	overflow: hidden;;
	display: block;
	padding: 10%;
	color: black;
	font-size: 0.8em;;
	/*background: linear-gradient(180deg, rgba(15, 42, 73, 0.7) 10.55%, rgba(25, 29, 46, 0.8) 167.34%);*/
	background:  rgba(255,255,255,0.9);
	font-size: 1.1em;
}

div.product_category_menu .column .image:hover { /*transform: scale(1.01);*/ }

#site_text { display: block; justify-content: left; margin-top: 12em; margin-bottom: 3em; font-size: 1.1em; }
#site_text .description { background: #f0f2f4;	color: black; padding: 3em; }

.button.question {background: #001c44; color: white; }
ul li { padding-bottom:  0.5em;}
header ul li { padding-bottom: 0em; }
#site_text p { text-align: justify;  font-size: 1.2em; }

.ui.grid > .column:not(.row), .ui.grid > .row > .column:first-child {
	padding-left: 0px;
}

.ui.cards > .card > :only-child, .ui.card > :only-child { border-radius:  0px  !important; }

.product_page .meta { margin-top: 0em; }
.product_page .meta .roth_red_button.left { float: left; width: auto;}
.product_page .meta .roth_red_button.right { float: right; width: auto;}
.product_page .meta .roth_back_button.right { float: right; width: auto;}

.news_page .meta-news .roth_red_button.left { float: left; width: auto;}
.news_page .meta-news .roth_red_button.right { float: right; width: auto;}

@media only screen and (max-width: 992px) {
	#mp-menu { padding-top: 40px; padding-left: 40px;	}  }
	img#modal_logo { display: none; }
	#left_modal_arrow { position: absolute;top: 50%; left: 2%;border-radius: 50px; height: 3.1em!important; padding: 15px 8px 0 15px; }
	#right_modal_arrow { position: absolute;top: 50%; right: 2%; border-radius: 50px; height: 3.1em!important; padding: 15px 15px 0 8px; 
 	.news_page	#slide_text { display: flex;}
	.news_page #slide_text .meta { margin-bottom: 3em; }
	.site.unmoved header .header-logo {	width: 130px; }
	#site_text {margin-top: 5em;}
}

.news_page #slide_text { display: flex; justify-content: left; margin-top: 0em; }
.news_page  .meta {	float: right; margin-top: -12em; }

@media only screen and (min-width: 1260px) {
	img#modal_logo { width: 8vw; position: absolute; bottom: 2vh;left: 2vw;	}
	#left_modal_arrow { position: absolute;top: 50%; left: 2%;border-radius: 50px; height: 3.1em!important; padding: 15px 8px 0 15px; }
	#right_modal_arrow { position: absolute;top: 50%; right: 2%; border-radius: 50px; height: 3.1em!important; padding: 15px 15px 0 8px; }
	.news_page #slide_wraper {  height: 65vh; margin-top: -100px; }
	.news_page #slide_wraper #slide_text { position: relative; top: 50%; left: 10%; background: rgba(255,255,255,0.85); color: --blue; padding: 2em; padding-top: 0em; font-size: 1em; border-radius: 5px; width: min-content; min-width: 50%
	}
}

@media screen and (min-resolution: 120dpi) {
	body { font-size: 16px; }
	#page {max-width: 1500px;}
}

@media only screen and (max-width: 1260px) {
	div.product_category_menu .image { height: 25vh; min-height: 250px;}
	.gallery_img { min-height: 100px }		
}

@media only screen and (max-width: 1024px) {
	div.product_category_menu .image { height: 20vh; min-height: 200px;}	
	.ui.four.cards > .card { width: calc( 33.33333% - 1em ) }	
	.ui.four.stackable.cards > .card { width: calc( 50% - 1em ) }	
	.ui.tiny.red.button.right { display: none; }
}

@media only screen and (max-width: 991px) {
	.ui.grid.squares img.square_icon { float: inherit; margin-top: 0px; margin-bottom: 5px; }
	.product_category_menu .column a.column { width: calc( 50% - 2em ) !important; }
	div.product_category_menu .image { height: 20vh; min-height: 200px;}	
	.ui.four.cards > .card { width: calc( 50% - 1em ) }	
	#product .meta .ui.button.roth_red_button { width: auto !important;	}	
	#product .ui.button.roth_blue_button {  width: 100% !important; }
	#product .ui.button.roth_red_button {  width: 100% !important; }
	#product .ui.button.roth_white_button {  width: 100% !important; }	
	.formular {	width: 80% ;	}
	.column .hpgrid, .column.white	{ width: 100% !important }	
	}

@media (max-width: 767px) {
	#mp-menu { padding-top: 40px; padding-left: 25px;	}	
	h2, .h2 { font-size: 15px;	margin-bottom: 20px; line-height: 20px;	}	
	.ui.grid.squares .column:first-child {padding: 2em 1em !important; border-bottom: 1px solid #ddd;	}
	.sortiment .four.column .ui.column { width: 50% !important; text-align: center; padding: 2em 1em !important  }
	.hpgrid .ui.grid.squares .column:first-child {padding: 2em 1em; border-bottom: 0px solid #ddd;	}	
	#company_info {	padding: 2em 1em !important }	
	.pathNav { text-align: left; margin: 0.5em 0 1.5em; float: none }
	body #main_menu { margin: auto;	width:100% !important; }
	.product_category_menu .column a.column { width: calc( 50% - 2em ) !important; }
	.formular {	width: 85% !important;	}	
	.site.unmoved header .header-logo {	width: 120px }	
	.site header .header-logo {	width: 95px; padding: 10px 5px 0 }	
}

@media (max-width: 690px) {
	.menu-socials { display: none;}
	#slide_wraper_small { height: 200px !important }
	.product_category_menu .column a.column { width: calc( 100% - 0em ) !important; margin: 0 0 2em 0 !important; }
	div.product_category_menu .image { min-height: 300px;}		
	#product .meta .ui.button.roth_red_button { width: 100% !important;	}	
}

.ui.button { margin-top: 0.5em; }
.center.blue .ui.button.roth_white_button {  width: auto; }
.ui.button.roth_red_button {  color: white !important;  background: #ed1c24 !important; border: 1px solid  #ed1c24 !important; font-weight: 300; width: 100%; line-height: 20px; }
.ui.button.roth_red_button:hover { background: white !important;  color: #ed1c24 !important; }
.ui.button.roth_blue_button {  color: white !important;  background: #001c44 !important; border: 1px solid  #001c44 !important; width: 100%; line-height: 20px; }
.ui.button.roth_blue_button:hover { background: white !important;  color: #001c44 !important; border: 1px solid  #001c44 !important; }
.ui.button.roth_white_button {  background: white !important;  color: #001c44 !important; border: 1px solid  #001c44 !important; width: 100%; line-height: 20px; }
.ui.button.roth_white_button:hover {  color: #ed1c24 !important; border: 1px solid  #ed1c24 !important; }
.ui.button.roth_back_button {  background: #001c44 !important;  color: #ffffff !important; border: 1px solid  #001c44 !important; }
.ui.button.roth_back_button:hover { background: #001c44 !important; color: #ffffff !important; border: 1px solid  #001c44 !important; }
.ui.tiny.red.button.right { float: right; }
#product .ui.button.roth_blue_button {  width: auto; }
#product .ui.button.roth_red_button {  width: auto; }
#product .ui.button.roth_white_button {  width: auto; }

#slide_wraper {	background-position: center bottom; background-size:  cover; height: 500px; }
#slide_wraper_small {	background-position: center bottom; background-size:  cover; height: 320px; }
#slide_wraper #slide_text {	position: relative; top: 50%; left: 10%; background:  rgba(255,255,255,0.85); color: #001c44; padding: 2em; font-size: 1em; border-radius: 5px; width: fit-content; min-width: 40%; max-width: 60%; }
.kontakt_col a { text-decoration: underline }

body .menu-socials.subpage { top: 100px !important }
body .menu-socials { position: relative; float: right; top: 0px; background: #001c44; color: #ffffff; z-index: 5; }
body .menu-socials img { float: right; width: 180px; }
body .menu-socials .menu-social-content { text-align: left; padding: 1.2em 2em 0em 1.5em; margin-right: 180px; min-width: 19em; }
body .menu-socials .menu-social-content p { margin-bottom: 0px !important; }
body .menu-socials .menu-social-content p.h3 { margin-bottom: 0px !important; color: #ffffff; }
body .menu-socials .menu-social-content p a { color: #ffffff; text-decoration: underline; }

.product_category_menu .column .column { border-top: 8px solid #001841 !important; border: 1px solid rgba(0,0,0,0.15); width: calc( 25% - 2em ) !important; margin-left: 0em; margin-right: 2em !important; margin-bottom: 2em; padding: 0 !important; }
.product_category_menu .column .column:hover { box-shadow: rgb(0 0 0 / 15%) 0px 10px 30px !important }
.product_category_menu .column .column h3 { margin-bottom: 0 !important; margin-left: 1em; margin-top: 1.5em; }
.product_category_menu .column .column:hover h3 { color: #001c44 }
.product_category_menu .column .column p { color: #001c44; margin: 1.5em 1.5em 0em 1.5em !important }
.product_category_menu .column .column .red.button { margin-left: 1.5em; }