/*
 * Theme Name: GS Webservices
 * Theme URI: http://www.artviper.de
 * Theme Description: Theme für GS Webservices
 * Author: artViper Marketingagentur
 * Author URI: http://www.artviper.de
 * Version: 1.3
 * Tags: bootstrap, complete modified
 * License: Not for resell or free
 * License URI:
 * Text Domain: GS Webservices
*/

/* Apply bootstrap styles */
/*@import url('bootstrap/css/bootstrap.min.css');*/
:root {
  	--main-font: "Roboto";
	--second-font:"Roboto";
	--color: #e05512 !important;
	--bg-color: #f4f4f4 !important;
	--second-font-color:#272727 !important;
	--font-main-color:#fff !important;
	--link--color:"#646464";
}
@font-face {
    font-family: "Roboto";
    src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Roboto/Roboto-Thin.ttf);
	font-weight:100;
}
@font-face {
    font-family: "Roboto";
    src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Roboto/Roboto-Light.ttf);
	font-weight:200;
}
@font-face {
    font-family: "Roboto";
    src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Roboto/Roboto-SemiBoldItalic.ttf);
	font-weight:200;
}
@font-face {
    font-family: "Roboto";
    src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Roboto/Roboto-Regular.ttf);
	font-weight:400;
}

@font-face {
    font-family: "Roboto";
    src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Roboto/Roboto-Medium.ttf);
	font-weight:500;
}
@font-face {
    font-family: "Roboto";
    src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Roboto/Roboto-Bold.ttf);
	font-weight:900;
}
@font-face {
    font-family: "Roboto";
    src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Roboto/Roboto-Bold.ttf);
	font-weight:900;
}

/* roboto-regular - cyrillic */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/bic_new_bootstrap_4/fonts/roboto-v30-cyrillic-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - cyrillic-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/bic_new_bootstrap_4/fonts/roboto-v30-cyrillic-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - greek */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/bic_new_bootstrap_4/fonts/roboto-v30-greek-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - greek-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/bic_new_bootstrap_4/fonts/roboto-v30-greek-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/bic_new_bootstrap_4/fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/bic_new_bootstrap_4/fonts/roboto-v30-latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/bic_new_bootstrap_4/fonts/roboto-v30-vietnamese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


h1,h2{
	font-family: "Roboto" !important;	
	font-weight:400;
}
h3,h4,h5,h6{
	font-family:var(--main-font) !important;
}
div,p{
	font-family:'Roboto' !important;	
}
.divider {
    margin-bottom: 25px;
    padding-top: 25px;
    clear: both;
    display: block;
    margin-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}
/* Styling of standard gallery shortcode, removed in functions */
.cookie {
	color: #FFF;
	font-size: 12px;
	padding-bottom: 20px;
	text-align: justify;
}
.cookie a {
	color: #FFF;
}
.cookie a:hover, .cookie a:active, .cookie a:focus {
	color: #FFF;
	text-decoration: underline !important;
}
.gallery {
    margin: auto;
}
.gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}
.gallery img {
    border: 2px solid #cfcfcf;
}
.gallery-caption {
    margin-left: 0;
}

/* basic styles for layout, can be removed. */

/* Top Header */

#top-header {
    width: 100%;
}
#top-header ul,
ol {
    margin-bottom: 3px;
    margin-left: 0px;
    padding-left: 0px;
}
#top-header a {
    color: #ffffff;
}

/* Search Head */

#search-head {
    margin-top: 15px;
    padding-right: 15px;
}
/* Brand */
.header_icon .social_icon{
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
}
.header_icon .social_icon img{
	width:35px;
}
.header_icon .button a{
    color: #fff;
    background-color: #151a3c;
    border-radius: 50px;
    padding: 8px 25px;	
	border:1px solid #151a3c;
}
.header_icon .button{
	margin-left:15px;
}
.header_icon .button a:hover{
	text-decoration:unset;
	color: #151a3c;
    background-color: #fff;
}
#site-title {
    font-size: 35px;
}
/*Header Menu */

.header-menu {
    list-style: none outside none;
    display: inline-block;
}
.container{
	max-width: 1180px !important;
}
.header-menu li {
    display: inline;
    padding-right: 10px;
    padding-left: 5px;
    border-right: 1px solid white;
}
.header-menu li:last-child {
    border-right: none;
}
/*Dropdown Css*/
.dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown-item{
	font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #00194b !important;
	padding: 5px 15px !important;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu{
	background-color:transparent !important;
	border: none !important;
}
.top_header {
    background-image: linear-gradient(53deg, #4063ac 0%, #191e3a 100%);
/* 	padding: 10px 0px; */
}
.top_header .conte {
    justify-content: flex-end;
	gap: 40px;
	align-items: center;
}
.top_header .conte a{
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	color: #ffffff;
}
a:hover{
	text-decoration:unset !important;
}
.text-right {
	padding:0px !important;
}
nav.navbar.navbar-expand-lg.navbar-light {
    padding: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0px;
	border-bottom: 5px solid transparent;
}
.top_header .telephone {
    padding: 10px 20px;
    background-color: #0055ff;
}
.top_header .conte .telephone a{	
    letter-spacing: 1px;
}
.navbar-light .navbar-nav .nav-link {
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #00194b !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
/* 	border-bottom: 5px solid transparent; */
}
.navbar-light .navbar-nav .nav-link:hover{
	border-bottom: 5px solid #1f3971;
	text-align:center;
}
#menu-menu .current-menu-parent .dropdown-toggle{
	border-bottom: 5px solid #1f3971;
}
.navbar-expand-lg .navbar-collapse {	
    justify-content: flex-end;
}
.main_header .row{
	align-items: center;
}
header.main_header {
    padding: 30px 0px;
}
ul#menu-menu {
    gap: 20px;
}
#menu-menu .current-menu-item a {
    border-bottom: 5px solid #1f3971;
/*     padding-bottom: 20px !important; */
}
.heading_text_1{
	font-size: 45px;
	line-height: 45px;
	color: #00194b;
	font-weight: 700 !important;
}
.page-id-89 table th:first-child{
	padding-bottom:0px;
}

.page-id-89 table{
	width: 1200px !important;
	margin-left: -25px;
}
.page-id-260 table {
    width: 1490px;
    margin-left: -180px;
}
.button_1 a{
    font-size: 18px !important;
    line-height: 22px !important;
    text-transform: uppercase;
    color: #ffffff !important;
    font-weight: 400;
    font-family: "Roboto";
    padding: 12px 40px !important;
    border-radius: 19px !important;
	background-color: #0055ff  !important;
	background-image:unset !important;
}
.button_1 a:hover{
	Background-color:#00194b !important;
}
.heading_text_2 {
	font-size: 28px;
	line-height: 28px;
	color: #00194b;
	font-weight: 700 !important;
}
.text_area p{
	font-size: 18px;
	line-height: 24px;
	color: #56698f;
	font-weight: 400;
}
.text_area a{
	color: #56698f !important;
}
.button_2 a{
    font-size: 18px !important;
    line-height: 22px !important;
    text-transform: uppercase;
    color: #0054ff !important;
    font-weight: 400;
    font-family: "Roboto";
    padding: 12px 50px !important;
    background-color: transparent !important;
    border: 1px solid #0054ff !important;
    border-radius: 20px !important;
}
.button_2 a:hover{
	background-color: #0054ff !important;	
	color: #fff !important;
	background-image: unset;
}
.footer_column_3 div{
	display: flex;
    flex-direction: column;
}
footer {
    background-color: #f2f6fc;
    padding: 50px 0px;
}
.footer_column_2 p{
	font-size: 18px;
	line-height: 24px;
	color: #1f3971;
	font-weight: 400;
	font-family: "Roboto";
}
.footer_column_3 a{
	font-size: 18px;
	line-height: 24px;
	color: #1f3971;
	font-weight: 400;
	font-family: "Roboto";
}
.bottom_footer{
	background-image: linear-gradient(-90deg, #4063ac 0%, #4063ac 10%, #191e3a 110%, #191e3a 100%);
}
.bottom_footer .nav-link {
	color: #fefefe !important;
}
ul#menu-footer {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
}
.bottom_footer p{
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 0px;
}
.bottom_footer .row{
	align-items: center;
    padding: 5px 0px;
}
/*./Dropdown Css*/
/* MEDIA QUERIES */
/* #home.section_1 .innersection .vc_column-inner:first-child .wpb_wrapper{
	display: flex;
    gap: 20px;
} */
#home.section_1 .innersection .wpb_wrapper .wpb_single_image,
#home.section_1 .innersection .wpb_wrapper .text_area
{
    width: fit-content;
    margin: 0;
}
#home.section_1 .innersection  .text_area .wpb_wrapper{
	display: flex;
    gap: 18px;
}
#home.section_1 .innersection .text_area img{
    width: 80px;
    height: 80px;
	object-fit: contain;
    padding: 20px 10px;
    background-color: #e5edf9;
    border-radius: 13px;
	transition-duration: 1s;
	/*max-width: 70px;*/
}
#home.section_1 .innersection .wpb_wrapper .text_area:hover img{
    transform: scale(1.2);
    background-color: #f2f6fc;
    transition-duration: 1s;
}
#home.section_1 .innersection .text_area strong{
	font-size: 24px;
    line-height: 28px;
    color: #00194b;
    font-weight: 700;
    font-family: "Roboto";
    margin-bottom: -15px;
    display: block;
}
#home.section_1 .innersection .text_area div{
	font-size: 18px;
	line-height: 24px;
	color: #56698f;
	font-weight: 400;
	font-family: "Roboto";
	text-wrap:nowrap;
}
#home.section_1 .innersection {
    border-radius: 9px;
    filter: drop-shadow(0 0 12px rgba(16, 34, 71, 0.13));
    background-color: #ffffff;
    padding: 90px 40px 80px;
    margin-top: -70px;
    position: relative;
    z-index: 1;
	margin-right: -30px;
    margin-left: -30px;
}
#home.section_3 {
    padding: 70px 0px 200px;
}
#home.section_3 .heading_text_1{
	font-size: 58px;
	line-height: 61px;
	color: #ffffff;
	font-weight: 700 !important;
    margin-bottom: 30px;	
}
#home.section_4 {
	padding: 40px 0px;
    background-position: 130% 40% !important;
}
#home.section_4 .innersection{
    padding: 40px 0px;	
}
.silder_home .content{
    padding: 45px 0px 0px 35px;
    border-radius: 9px;
    background-color: #e5edf9;
    margin: 0px 7px;
    width: 286px !important;
	height: 412px;
}
#home.section_2 .heading_text_1{
	text-align:center !important;
	margin-bottom: 40px;
}
#home.section_2 {
    padding: 70px 0px;
    background-position: -10% 90% !important;
    background-repeat: no-repeat !important;
}
.page-id-92 #home.section_2 {
    background-position: -10% -74% !important;
}
.page-id-89 #home.section_2 {
	background-position: -10% -20% !important;
}
#leistungen.section_6 {
    padding-bottom: 50px;
}
.brand{
	padding:0px !important;
}
#home.section_3.leistungen {
    padding: 100px 0px 200px;
}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow{
    
}

button.slick-prev.slick-arrow:focus,
button.slick-next.slick-arrow:focus{
   outline: none;
}

.silder_home .slick-arrow {
  
  font-size: 0;
  width: 40px;
  height: 40px;
}
.silder_home .slick-arrow.slick-prev {
  
  background: url("/wp-content/uploads/2024/04/left.png") 0
    0 / 100% no-repeat;
}
.silder_home .slick-arrow.slick-next {
  
  background: url("/wp-content/uploads/2024/04/right.png") 0 0 / 100% no-repeat;
}


.silder_home{position:relative;}
button.slick-prev.slick-arrow{position: absolute;
    bottom: -65px;
    left: 48%!important;
    right: auto;border: 0;}
button.slick-next.slick-arrow{position: absolute;
    bottom: -65px;
    right: 45%!important;
    right: auto;border: 0;}
.silder_home {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	padding-left: 50px;
}
.silder_home .content .title{
	font-size: 28px;
	line-height: 28px;
	color: #00194b;
	font-weight: 700;
	font-family: "Roboto";
}
.silder_home .content p{
	font-size: 18px;
	line-height: 24px;
	color: #56698f;
	font-weight: 400;
	font-family: "Roboto";
	padding-right: 40px;
}
.silder_home .content .image{
	background: white;
    border-radius: 50px;
    width: fit-content;
    padding: 20px 22px;
	margin-bottom: 50px;
}
.silder_home .content .image img{
	width: 60px;
    height: 60px;
	object-fit: contain;
}
.r-icon img{width: 60px!important;
    height: 60px!important;
	object-fit: contain;}
#Leistungen.last_section {
    padding: 70px 0px;
	/*background-position: 109% 40% !important;*/
	background-size: 640px auto !important;
    background-position: top right !important;
}
.vc_tta.vc_general .vc_tta-panel-title>a{
	border-radius: 9px;
    background-color: #e5edf9 !important;
	font-size: 28px;
	line-height: 28px;
	color: #00194b !important;
	font-weight: 700;
	font-family: "Roboto";
	padding: 14px 30px !important;
}
.vc_tta-panel-body {
    padding: 10px 30px !important;
}
table th{
    background-color: #E5EDF9 !important;
    border-radius: 30px 30px 0px 0px;
    border: 11px solid #fff;
    vertical-align: baseline;
	width: 225px;
}
table {
	width:100%;
}
table th:first-child{
	background-color:transparent !important;
	font-size: 18px;
	line-height: 22px;
	color: #2c426e;
	font-weight: 400;
	font-family: "Roboto";
	text-align: right;	
	vertical-align: bottom;
    padding-bottom: 80px;
	border: 10px solid #fff0;
	padding-right: 20px
}
table th div{    
    display: grid;
    justify-items: center;
    padding: 30px 0px 10px;
	
}
table th div .theading{
	font-size: 22px;
	line-height: 28px;
	color: #00194b;
	font-weight: 700;
	font-family: "Roboto";
	text-align: center;
}
table tr td:first-child{
	font-size: 18px;
	line-height: 22px;
	color: #2c426e;
	font-weight: 400;
	font-family: "Roboto";
	text-align: right;
} 
table tr td{
	color: #2c426e;
	text-align: center;
	font-size: 18px;
}
table tr td i{
	color: #0055ff;
    font-weight: bold;
    font-size: 20px;
}
table th div .theading1{
	font-size: 18px;
	line-height: 36px;
	color: #2c426e;
	font-weight: 400;
	font-family: "Roboto";
	text-align: center;
	padding-top: 10px;
}
table th div .Pricing{
	font-size: 66px;
	line-height: 70px;
	color: #00194b;
	font-weight: 700;
	font-family: "Roboto";
	text-align: center;
	margin-bottom: 50px;
    margin-top: 10px;
}
table th div .description{
	font-size: 18px;
	color: #2c426e;
	font-weight: 400;
	font-family: "Roboto";
	text-align: center;
}
.wpb_raw_html table tbody tr td:nth-child(1){
	background-color: #fff0 !important;
	width: 225px;
	border: 9px solid #fff0;
	padding-right: 20px;
}
table tbody tr:nth-child(3) td,
table tbody tr:nth-child(5) td,
table tbody tr:nth-child(7) td,
table tbody tr:nth-child(9) td,
table tbody tr:nth-child(11) td,
table tbody tr:nth-child(13) td,
table tbody tr:nth-child(14) td{
	background-color: #E5EDF9 !important;
    border-radius: 0px 0px 0px 0px;
    border: 10px solid #fff;
	padding: 5px 0px;
}
tfoot td a{
	border-radius: 19px;
    background-color: #0055ff;
    color: #fff;
    padding: 12px 50px;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 400;
	font-family: "Roboto";
	text-align: center;
}
tfoot td a:hover{
	background-color:#00194b;
	color:#fff;
}
table tfoot tr td {
	padding-top: 40px;
}
.slider_cat_name{
	font-size:18px !important;
	padding: 10px 40px !important;
}
.slider_heading_text{
	font-size: 67px !important;
}
.slider_textarea{
	font-size: 18px !important;
}
.brand img{
	width:100%;
}
.dropdown-toggle::after{
/* 	border-top:unset !important; */
}
.main_header .navbar-expand-lg .navbar-nav .dropdown-menu {
	z-index: 3 !important;
	background-color: #e6eeff !important;
}
.box .vc_column_container .vc_column-inner{
	padding: 40px 20px 0px 30px;
	position:relative;

}
.box.ueber-uns .vc_column_container .vc_column-inner{
	border-radius:10px;
}
.box .vc_column_container .vc_column-inner .wpb_content_element p{
	font-size: 18px;
	line-height: 24px;
	color: #56698f;
	font-weight: 400;
	font-family: "Roboto";
}
.box .vc_column_container .vc_column-inner .button_1{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -90px;	
}
.box .vc_column_container .vc_column-inner .vc_single_image-wrapper{
	padding: 25px 25px;
    margin: 0;
    background-color: #fff;
    border-radius: 100px;
}
.box .vc_column_container .vc_column-inner .heading_text_2{
	padding: 15px 0px;
    margin-top: 40px;
}
#home.section_2.Hosting-Storage{
    padding-bottom: 180px;
    padding-top: 100px;
}
#leistungen.section_4{
	padding-bottom: 60px;
	margin-top: -40px;
}
#leistungen.colocation.section_2{
	
}
.form_input input,
.form_input textarea{
	font-size:18px !important;
}
.form_input input:placeholoder,
.form_input textarea:placeholoder{
	font-size:18px !important;
	color:#2c426e;
}
.box_2 .wpb_single_image img{
	width: 110px;
    height: 110px;
    object-fit: contain;
}
.blue{
	color:#0054ff;
}
.box.ueber-uns .vc_column_container {
	border-radius: 10px 10px 10px 10px;
}
.form_input input,
.form_input textarea{
	padding: 15px 25px !important;
    border-radius: 10px !important; 
}
#consent-1 p {
    font-size: 12px;
    line-height: normal;
    color: #2c426e;
    padding-left: 15px;
}
#consent-1 .forminator-checkbox-box{
	background-color: #fff;
}
div#consent-1 {
    padding-top: 15px;
}
button.forminator-button.forminator-button-submit {
    border-radius: 19px !important;
    background-color: #0055ff;
    padding: 12px 50px !important;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    left: 120px;
    top: 20px;
}
.forminator-row-last .forminator-field{
	text-align: center;
}
#impressum.section_1 {
    padding: 50px 0px;
	background-repeat: no-repeat;
}
.main_header .navbar-expand-lg .navbar-nav .dropdown-menu{
	margin-top:0px !important;
}
.home .slider_cat_name{
	padding: 10px 20px !important;
}
.dropdown-item:hover{
	background-color:#00194b !important;
	color:#fff !important;
}
@media (min-width: 500px) and (max-width: 900px){
/* 	.table_tag .wpb_raw_html{
		overflow: scroll;
	} */
/* 	#home.section_2 .vc_column-inner{
		overflow:scroll;
	} */
	#home.section_2.Hosting-Storage{
		padding-bottom: 100px !important;
	}
	.slider_button{
		margin-left:20px !important;
	}
	ul#menu-menu {
		gap: 20px;
	}
	.text_area p {
    	font-size: 15px;
		line-height: 18px;
	}
	.heading_text_2 {
    	font-size: 20px;
		line-height: 20px;
	}
	.button_2 a {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	#home.section_1 .innersection .text_area div {
    	font-size: 14px;
		line-height: 14px;
	}
	nav.navbar.navbar-expand-lg.navbar-light{
		flex-direction: row-reverse;
	}
	header.main_header {
		padding: 30px 20px;
	}
	.dropdown-item{
		text-align: center !important;
	}
	.footer_column_2 p ,
	.footer_column_3 a{
    	font-size: 16px;
	}
	#home.section_1 .innersection{
		padding: 20px 10px;
		margin: 0px !important;
	}
	.slider_heading_text {
		padding-left:20px !important;
		font-size: 25px !important;
		line-height:normal !important;
	}
	.slider_textarea {
		padding-left:20px !important;
		font-size: 16px !important;
		line-height: 18px !important;
	}
	#home.section_2{
		padding:20px 20px !important;
	}
	#home.section_2 .heading_text_1{
		font-size: 30px;
    	line-height: 30px;
		word-wrap:break-word;
	}
	.box .vc_col-sm-3 {
		width:50% !important;
	}
/* 	.table_tag .wpb_raw_html table{
		overflow:scroll !important;
	} */
	#home.section_2{
		overflow: visible;
	}
	.silder_home{
		padding-left:0px !important;
	}
	.silder_home .content{
		height: 412px;
		width: 290px !important;
	}
	.footer_column_1 img{
		width:90%;
	}
	#home.section_3 {
		padding: 20px 0px 20px !important;
	}
	#home.section_3 .heading_text_1 {
		font-size: 20px;
		line-height: 20px;
		color: #ffffff;
		font-weight: 700 !important;
		margin-bottom: 30px;
	}
	#home.section_4 .innersection {
		padding: 0px 0px;
	}
	.brand {
		width: 80% !important;
	}
	.text-right {
		width: 10% !important;
	}
	#home.section_4 {
		padding: 0px 0px;
	}
	footer {
		padding: 20px 0px;
	}
	ul#menu-footer{
		justify-content: flex-start;
	}
	#home.section_4 .innersection .wpb_single_image.vc_align_center{
		text-align: left;		
	}
	div#bs-example-navbar-collapse-1 {
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #fff;
		z-index: 2;
		padding: 25px 30px;
	}
	ul#menu-menu {
		gap: 10px;
		align-items: center;
	}
	#home.section_1 .innersection .text_area strong {
		font-size: 15px;	
	}
	.slider_cat_name {
		margin-left: 20px !important;
		font-size: 15px !important;
		padding: 10px 12px !important;
	}
	#impressum.section_1 {
		padding: 0px 0px;
		background-repeat: no-repeat;
	}
	.page-id-260 table{
		margin:0px !important;
	}
	.table_tag {
		overflow: scroll;
	}
}

@media (min-width: 280px) and (max-width: 500px){

	.table_tag {
		overflow: scroll;
	}
	button.forminator-button.forminator-button-submit{
		left:0px !important;
	}
	#menu-menu .current-menu-parent .dropdown-toggle{
		text-align: center;
	}
	.page-id-94 .box,.page-id-92 .box,.page-id-96 .box{
		gap:70px;
		margin-bottom:70px !important;
	}
/* 	.table_tag .wpb_raw_html{
		overflow: scroll;
	} */
	.brand img {
		width: 80%;
	}
/* 	#home.section_2 .vc_column-inner{
		overflow:scroll;
	} */
	.text_area p {
    	font-size: 15px;
		line-height: 18px;
	}
	.heading_text_2 {
    	font-size: 22px;
		line-height: 22px;
	}
	.box .vc_column_container .vc_column-inner .wpb_content_element p {
    font-size: 16px;
    line-height: 22px;
    
}
	.button_2 a {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	#home.section_1 .innersection .text_area div {
    	font-size: 15px;
		line-height: 16px;
	}
	.dropdown-item{
		text-align: center !important;
	}
	#home.section_1 .innersection{
		padding: 30px 10px 20px;
		margin: 30px 0px 0px !important;
	}
	.slider_heading_text {
		font-size: 25px !important;
	}
	.slider_textarea {
		font-size: 16px !important;
		line-height: 18px !important;
	}
	#home.section_2{
		padding:20px 20px !important;
	}
	#home.section_2 .heading_text_1{
		font-size: 30px;
    	line-height: 30px;
		word-wrap:break-word;
	}
	.silder_home{
		padding-left:0px !important;
	}
	.silder_home .content{
		height: 412px;
		width: 290px !important;
	}
	.footer_column_1 img{
		width:90%;
	}
	#home.section_3 {
		padding: 20px 0px 20px !important;
	}
	#home.section_3 .heading_text_1 {
		font-size: 20px;
		line-height: 20px;
		color: #ffffff;
		font-weight: 700 !important;
		margin-bottom: 30px;
	}
	#home.section_4 .innersection {
		padding: 0px 0px;
	}
	.brand {
		width: 80% !important;
	}
	.text-right {
		width: 10% !important;
	}
	#home.section_4 {
		padding: 0px 0px;
	}
	footer {
		padding: 20px 0px;
	}
	ul#menu-footer{
		justify-content: flex-start;
	}
	#home.section_4 .innersection .wpb_single_image.vc_align_center{
		text-align: left;		
	}
	div#bs-example-navbar-collapse-1 {
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #fff;
		z-index: 2;
		padding: 25px 30px;
	}
	ul#menu-menu {
		gap: 20px;
		align-items: center;
	}
	#home.section_1 .innersection .text_area strong {
		font-size: 18px;	
	}
	.slider_cat_name {
		font-size: 15px !important;
		padding: 10px 12px !important;
	}
	#impressum.section_1 {
		padding: 0px 0px;
		background-repeat: no-repeat;
	}
	.page-id-260 table{
		margin:0px !important;
	}
	header.main_header {
    padding: 15px 10px;
}
	.navbar-toggler{margin-left: 10px;}
}

@media (max-width: 767px){
	
	.innersection.mr{display:grid;}
	.innersection.mr .wpb_column:first-child{order:2;}
	.innersection.mr .wpb_column:last-child{order:1;}
	.vc_tta.vc_general .vc_tta-panel-title>a {font-size: 22px;}
	.box .vc_column_container .vc_column-inner .button_1 {bottom: -85px;}
	#leistungen .wpb_column:last-child .vc_column-inner{padding-top:0!important;}
	table th div .theading {font-size: 18px;}
	table th div .Pricing {font-size: 54px;line-height: 60px;margin-bottom: 20px;}
	table th:first-child {padding-bottom: 115px;}
	.silder_home .slick-arrow {width: 30px;height: 30px;}
	button.slick-prev.slick-arrow {bottom: -43px;left: 37% !important;}
	button.slick-next.slick-arrow {bottom: -43px;right: 43% !important;}
}
@media (min-width: 768px) and (max-width: 1024px){
	button.slick-prev.slick-arrow {left: 47% !important;}
	button.slick-next.slick-arrow {right: 43% !important;}
	
}

@media (min-width: 900px) and (max-width: 1024px){
	.table_tag {
		overflow: scroll;
	}
	.wpb_raw_html{
		overflow: scroll;
	}
/* 	#home.section_2 .vc_column-inner{
		overflow:scroll;
	} */
	header.main_header {
		padding: 30px 20px;
	}
	.page-id-260 table{
		margin:0px !important;
	}
	.slider_cat_name ,
	.slider_heading_text,
	.slider_textarea,
	.slider_button{
		margin-left: 30px;
	}
	#home.section_3 {
		padding: 70px 20px 200px !important;
	}
	#home.section_4 {
		padding: 40px 20px !important;
	}
	#Leistungen.last_section {
		padding: 70px 20px !important;
	}
	#home.section_2.Hosting-Storage,
	#leistungen.section_4,
	#leistungen.section_6{
    	padding-right: 20px !important;
		padding-left: 20px !important;
	}
	ul#menu-menu {
		gap: 20px;
	}
	#home.section_1 .innersection
	{
		margin-right: 0;
		margin-left: 0;
	}
	footer {
		background-color: #f2f6fc;
		padding: 50px 20px;
	}
	.footer_column_3 a ,
	.footer_column_2 p{
		font-size: 17px;
	}
	.page-id-15 #home.section_2{
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
	#impressum.section_1 {
		padding: 50px 20px !important;
	}
	.bottom_footer .row{
		padding: 5px 10px;
	}
	.bottom_footer p {
		font-size: 12px;
	}
}