<div id="tab_info" class="voad-tabcontent">

    <div class="wpst-dashboard">
        <p class="wpst-nahiro-dashboard-text wpst-nahiro-text-separator">
            <span class="wpst-title"><?php _e('WordPress Help Berlin', 'interactive-map-widget')?></span><br><br>
            <span class="wpst-text"><?php _e('Looking for WordPress help in Berlin? &nbsp;Do you have problems with your WordPress website? In case of emergency, we are here to help with error fixing, adjustments, extensions, troubleshooting, maintenance, optimization, or', 'interactive-map-widget')?> 
            <a style="text-decoration: none;color: #000000" href="https://www.google.de/maps/place/Wordpress+Hilfe,+Support,+Beratung+Berlin/@52.49323,13.34109,15z/data=!4m5!3m4!1s0x0:0x24d2e8d62fa0e2a2!8m2!3d52.49323!4d13.34109"><?php _e('programming', 'interactive-map-widget')?></a><?php _e('. Professionally, and entirely according to your wishes.', 'interactive-map-widget')?></span><br><br><br>
        </p>
        <img loading="lazy" src=" <?php echo esc_url(plugin_dir_url( dirname( __FILE__ ) )). 'img/wordpres-hilfe2.png'; ?> " class="wpst-nahiro-dashboard-img" >

        <div style="display: -webkit-inline-flex;margin-top: 30px;">
            <div class="wpst-nahiro-part1" style="width: 70%">
                <div class="wpst-nahiro-container">
                    <h2 class="wpst-subtitle wpst-nahiro-text-center"><?php _e('Design Adjustments', 'interactive-map-widget')?></h2>
                    <p class="wpst-text wpst-nahiro-text-center"><?php _e('Do you want to change the design of your WordPress website or need technical support? I am happy to assist with both large and small adjustments. Fast and uncomplicated!', 'interactive-map-widget')?></p>
                </div>
                <div class="wpst-nahiro-container">
                    <h2 class="wpst-subtitle wpst-nahiro-text-center"><?php _e('WP Website Migration', 'interactive-map-widget')?></h2>
                    <p class="wpst-text wpst-nahiro-text-center"><?php _e('Want to switch providers? We are happy to assist with that. We will migrate your WordPress website and affected domains safely and completely managed by us. All without downtime and problems.', 'interactive-map-widget')?></p>
                </div>
                <div class="wpst-nahiro-container">
                    <h2 class="wpst-subtitle wpst-nahiro-text-center"><?php _e('WP Maintenance Contract', 'interactive-map-widget')?></h2>
                    <p class="wpst-text wpst-nahiro-text-center"><?php _e('Are you looking for a reliable partner to handle the technical aspects of your WordPress website? We take care of updates, backups, as well as monitoring and security of your website according to the agreed scope. Check out our offer.', 'interactive-map-widget')?></p>
                </div>
                <div class="wpst-nahiro-container">
                    <h2 class="wpst-subtitle wpst-nahiro-text-center"><?php _e('WordPress Consulting', 'interactive-map-widget')?></h2>
                    <p class="wpst-text wpst-nahiro-text-center"><?php _e('Do you have a specific problem where you need WordPress help, or are you looking for expert advice on a particular WordPress topic? Do not hesitate to contact us, and we will certainly find an individual solution for you.', 'interactive-map-widget')?></p>
                </div>
            </div>

            <div class="wpst-nahiro-part2" style="width: 26%">
                <h1 class="wpst-title wpst-nahiro-text-center" style="font-size: 40px"><?php _e('WordPress Help Berlin', 'interactive-map-widget')?></h1>
                <p class="wpst-text"><?php _e('Do you have a custom request? No problem. Feel free to contact us. We will certainly find a solution.', 'interactive-map-widget')?></p>
                <p class="wpst-text"><?php _e('Request your individual WordPress support offer now. Of course, completely non-binding and free of charge.', 'interactive-map-widget')?></p>
                <p class="wpst-text"><?php _e('Do you need a completely custom programming solution? Feel free to contact us for individual requirements.', 'interactive-map-widget')?></p>
                <p class="wpst-text"><?php _e('Should more extensive measures be required to resolve the issue, you will, of course, receive a cost estimate. This way, you can decide whether or not to implement the proposed adjustments.', 'interactive-map-widget')?></p>
                <p class="wpst-text"><?php _e('We have been working with WordPress for over 10 years. Therefore, we already know many typical WordPress errors and can fix them quickly.', 'interactive-map-widget')?></p>
                <br><br><br>
            </div>
        </div>

        <div style="display: relative; margin-bottom: 5%">
            <a class="wpst-nahiro-kontakt" href="https://nahiro.net/kontakt/#formulare"><?php _e('Inquire without Obligation', 'interactive-map-widget')?></a>
        </div>   
    </div>

</div>

<style>
    .nahiro-plugins-options {
	max-width: 1200px;
	overflow: hidden;
    border-bottom: 1px solid #C3C4C7;
}
.nahiro-plugins-options-wrap {
	float: left;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.03);
	box-shadow: 0 0 0 rgba(0,0,0,0.03);
	transition: opacity 2s ease-in;
	margin: 8px 6px 0 0;
}
.nahiro-plugins-options-actions {
	clear: both;
	overflow: hidden;
	margin: 10px 0px 0 0px;
	padding: 0.71429em 1.07143em 1em 1.07143em;
}

.nahiro-plugins-nav-tab-wrapper-active > a {
	box-shadow: 0 -4px 0 0 #fe4d38 inset;
    background-color: #fff !important;
}

.nahiro-plugins-nav-tab-wrapper > a {
	border-bottom: none;
	background: #ffffff;
	color: #000;
	border: none;
	padding: 15px 20px;
	background: #ffffff;
	border-radius: 2px;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	color: #666;
	transition: box-shadow 300ms ease-out;
}
.nahiro-plugins-nav-tab-wrapper-active > a {
	box-shadow: 0 -4px 0 0 #fe4d38 inset;
}
.voad-label {
    max-width: 100%;
    margin-bottom: 5px;
    color: #000 !important;
    margin: 5px;
}
.voad-form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#error{
    width: 50%;
    background-color: #F2DEDF;
    padding: 5px;
    border-radius: 10px;
    color: #E83E23;
}
.voad-text-error{
    padding: 15px;
}

.voad_renameCategory{
    display: none;
    margin-top: -1%;
    margin-left: 1rem;
  }

.voad_hiddenInput{
    display: none; 
    padding: 0px;
    border: 0px !important;
    font-size: 1px;   
}

input.voad_colorVideo{
    display: none !important;
}

.button_save{
    height: 50px;
    font-size: 1rem!important;
}

.buttonInsideCategories{
    width: 15% !important;
    height: 40px;
    font-size: 15px;
}

.voad_addVideoButton{
    border-style:solid;
    border-width: 1px;
    margin-left: 5px;
    text-decoration: none;
    text-shadow: none;
    border-radius: 50px !important;
    width: 35px;
    height: 35px;
    font-size: 16px;
    background-color: #ff350c !important;
    border-color:#ff350c !important;
    color: #ffffff !important;
}

.voad_settingsTabs{
    background-color: #DCDCDE !important;

}

.voad_addVideoButton:hover{
    cursor: pointer !important;
    background-color: #ffffff !important;
    color: #ff350c !important;
}

.voad_addVideoButton:after{
    content: '\0271A'; 
}

.voad_deleteVideoButton{
    width: 35px;
    height: 35px;
    font-size: 16px;
    background-color: #08104E !important;
    border-color:#08104E !important;
    color: #ffffff !important; 
    margin-left: 5px !important;
    border-radius: 50px !important;
    cursor: pointer;
    text-decoration: none;
    text-shadow: none;
    border-style:solid;
    border-width: 1px;
}

.voad_deleteVideoButton:hover{
    background-color: #ffffff !important;
    color: #4256D6 !important;
    cursor: pointer;
}

.voad_deleteVideoButton:after{
    content: '\00058';    
}
.voad_deleteCategoryButton{
    /*float:left;*/
    border-style:solid;
    border-width: 1px;
    margin-left: 8% !important;
    text-decoration: none;
    text-shadow: none;
    border-radius: 200px !important;
    margin-right: -10%;
    margin-top: 9px;
    width: 36px;
    height: 35px;
    font-size: 16px;
    background-color: #ff350c !important;
    border-color:#ff350c !important;
    color: #ffffff !important;
    cursor: pointer; 
    margin-left: 7%;;
}

.voad_deleteCategoryButton:hover {
    background-color: #ffffff !important;
    color: #ff350c !important;
}

.voad_deleteCategoryButton:after{
    content: '\00058';
}

input.button-primary{
    background-color: #ff350c !important;
    border-color:#ff350c !important;
    color: #ffffff;
    border-radius: 100px !important;
}

input.button-primary:hover{
    background-color: #ffffff !important;
    border-color:#ff7052 !important;
    color: #ff7052 !important;
}

.vdb_categoryTabName{
    font-weight:bold;
    border: 2px solid #000;
    display :inline-flex;
    color: #ffffff;
    width: 90%;
    font-size: 15px !important;
    background-color: #08104E;
    border-radius: 8px;
    padding: 10px;
    margin: 1px;
    overflow: hidden;
    padding-right: 120px;
    cursor: pointer;
}

.vdb_categoryTabName:before{
	 content: '\02B07';
	border-color: #08104E !important;
    color: #08104E;
    border-style: solid;
    border-width: 1px;
    font-size: 20px;
    border-radius: 50%;
    background-color: #ffff;
	margin-right: 1rem;
    padding-right: 0.4rem;
    padding-left: 0.39rem;
    height: 1.1rem;
}

.voad_videoBox{
    display :none;
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
    margin: 5px;
    width: 86.5%;
    height: auto;
}
.voad-input{
	width: 22%;
}
.voad-input-note{
	width: 30% !important;
}
.categoriesList{
    margin-top: 20px;
}
/*refactor or delete */
/* input,select{
    border-radius: 100px !important;
    border: 2px solid !important;} */

.videoblocks{
    padding: 30px;
    background-color: #fff;
    width: 550px;
}

.voad_editCategoryButton{
    font-size: 20px;
    /*float:left;*/
    background: #ffffff !important;
    border-color: #08104E !important;
    color: #08104E;
    border-style:solid;
    border-width: 1px;
    width: 2.3rem;
    height: 35px;
    text-decoration: none;
    text-shadow: none;
    border-radius: 200px !important;
    margin-top: 9px;
    margin-left: -10% !important;
    cursor: pointer;
}

.voad_editCategoryButton:after{
    content: '\0270E';
}

.arrowImage{
    font-size: 20px;
    /*float:right;*/
    background: #ffffff !important;
    border-color: #08104E !important;
    color: #08104E;
    border-style:solid;
    border-width: 1px;
    width: 35px;
    height: 35px;
    text-decoration: none;
    text-shadow: none;
    border-radius: 200px !important;
    margin-top: 9px;
	cursor: pointer;
    margin-right: 10px;
	display:none !important;
}

.arrowImage:after{
    content: '\02B07';
}

.input_category_change{
    display: none;
}

.txt_info{
    text-align: justify;
}

.section_main{
    padding: 20px;
}

.section_right{
    float: left;
    width: 50%;
}

.section_left{
    float: left;
    width: 50%;
}
    
.voad_saveNewCategoryName:after{
    content: '\02714';
}

.voad_saveNewCategoryName:hover{
    cursor: pointer !important;
    background-color: #ffffff !important;
    border-color:#ff7052 !important;
    color: #ff7052 !important;
}

.cancelNewCategoryName, .voad_saveNewCategoryName{
    font-size: 20px;    
    background-color: #ffffff !important;
    border-color:#ff350c !important;
    border-radius: 100px;
    color: #ff350c !important;
    border-style:solid;
    border-width: 1px;
    width: 35px;
    height: 35px;
    margin-left: 5px !important;
    margin-right: 5px;
    text-decoration: none;
    text-shadow: none;
    border-radius: 50px !important;    
}

.cancelNewCategoryName:after{
    content: '\02715';   
}

.cancelNewCategoryName:hover{
    cursor: pointer !important;
    background: #ffffff;
    border-color: #4256D6;
    color: #ff350c !important;
    cursor: pointer;
} 

.voad_colorPicker{
    /*float: left;
    margin-left: -110px;*/
    border: 1px solid !important;
    margin-top: 9px;
    border-radius: 100px !important;
    width: 2.3rem;
    height: 30px;
    cursor: pointer;
    margin-left: -7% !important;
}

.vdb_videoRows{
	padding: 5px 0px 5px 0px;
    text-align: left;
    width: 99%;
    display: inline-flex;
}

.voad_div_tab{
    width: 70%;
}
#boxSubmitButton{
	clear: both;
}
#boxSubmitButtonCategories{
    clear: both;
    text-align: center;
    width: 87%;
}

#container_video_category{
	padding: 10px 0px 10px 0px;
    margin-top: -50px;
	clear: both;
}

#voad_addNewCategory{
    width: 36px;
    height: 35px;
    font-size: 16px;
    background-color: #ff350c !important;
    border-color:#ff350c !important;
    color: #ffffff !important; 
}

#voad_addNewCategory:hover{
    background-color: #ffffff !important;
    color: #ff350c !important;
}

#voad_addNewCategory:after{
        content: '\0271A'; 
}

.bpclassifieds-multiselect-options > label {
    display: block;
    padding: 2px 6px 2px 6px;
    margin: 0px;
    color: black;
    font-size: 14px;
    line-height: 20px;
}

.bpclassifieds-multiselect-options > label:hover {
    background-color: whitesmoke;
}
.bpclassifieds-nav-tab-wrapper > a{
	border-bottom: none;
	background: #ffffff;
	color: #000;

	border: none;
	padding: 15px 20px;
	background: #ffffff;
	border-radius: 2px;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	color: #666;
	transition: box-shadow 300ms ease-out;
}
.bpclassifieds-nav-tab-wrapper > a:hover{
	box-shadow: 0 -4px 0 0 #fe4d38 inset;
}
.bpclassifieds-nav-tab-wrapper-active > a{
	box-shadow: 0 -4px 0 0 #fe4d38 inset;
}
.bpclassifieds-nav-tab-wrapper > .nav-tab-active{
		box-shadow: 0 -4px 0 0 #fe4d38 inset;
}
.wpst-title{
	color: #000000;
	font-family: Montserrat, Sans-serif;
	font-size: 30px !important;
	font-weight: 400 !important;
	line-height: 1.3em !important;
	letter-spacing: 0.4px !important;
}
.wpst-text{
	font-family: Montserrat, Sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.wpst-subtitle{
	color: #000000;
	font-family: Montserrat, Sans-serif;
	font-size: 18px !important;
	line-height: 1.3em !important;
	letter-spacing: 0.4px !important;
}
.wpst-nahiro-font{
	font-family: Montserrat, Sans-serif !important;
}


.wpst-dashboard{
	width: 99%;
	background-color: #fff;
	padding: 20px;
}
.wpst-nahiro-dashboard-text{
	width: 50%;
	float: left;
	margin-top: 100px;
	text-align:center;
}

.wpst-nahiro-dashboard-title-2{
	width: 58%;
	float: right;
}
.wpst-nahiro-dashboard-img{
	width: 35%;
}
.wpst-nahiro-text-center{
	text-align: center;
}
.wpst-nahiro-text-separator{
	margin-right: 70px;
}
.wpst-nahiro-text-separator-2{
	margin-left: 70px;
}
.wpst-nahiro-container{
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ff4b35;
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	margin: 3% 3% 3% 3%;
	padding: 30px;
	border-radius: 15px 15px 15px 70px;
	width: 40%;
	float: left;
}
.wpst-nahiro-container-2{
	margin: 20px 20px 20px 20px;
	padding: 20px 20px 20px 20px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #FF4B35;
	border-radius: 31px 31px 31px 31px;
	box-shadow: 0px 0px 3px 0px #FFFFFF;
	float: left;
	width: 22%
}
.wpst-nahiro-text-center{
	text-align: center
}
.wpst-nahiro-kontakt{
	fill: #ffffff;
	color: #ffffff;
	background-color: #ff350c;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ff7052;
	border-radius: 50px 50px 50px 50px;
	box-shadow: 0px 10px 30px -8px rgba(0,0,0,0.16);
	font-size: 16px;
	padding: 35px 40px;
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	margin-top: 2%;
	text-decoration: none;
}
.wpst-nahiro-kontakt:hover{
	color: #ffffff;
}
@font-face {
	font-family: "Montserrat"; 
	src: url(../font/Montserrat-Regular.ttf); 
}

@media(max-width: 1450px){
    .voad_editCategoryButton{
        width: 4.3% !important;

    }
    .voad_colorPicker{
        margin-left: -12% !important; 
    }
}

@media(max-width: 1450px){
    .voad_editCategoryButton{
        width: 4.3% !important;

    }
}

@media(max-width: 1250px){
    .voad_editCategoryButton{
        margin-left: -12% !important;

    }
}

@media(max-width: 1200px){
    .voad_editCategoryButton{
        width: 5.3% !important;

    }
    .voad_colorPicker{
        width: 5.3% !important; 
    }
}

@media(max-width: 1160px){
    div.vdb_categoryTabName{
        width: 96%;
    }
}

@media(max-width: 1140px){
   div.vdb_videoRows{
        display: flex !important;
        flex-direction: column;
    }
    button.voad_addVideoButton{
        margin-top: 1rem;
    }
    button.voad_deleteVideoButton{
        margin-top: 1rem;
    }
}

@media(max-width: 1090px){
    .voad_newCategoryName{
        width: 50%;
    }
}

@media(max-width: 1002px){
    div.vdb_categoryTabName{
        width: 96%;
    }
}

@media(max-width: 815px){
    div.vdb_videoRows{
        padding-top: 1rem;
        text-align: left !important;
    }
}

@media(max-width: 768px){

    div#boxSubmitButton{
        text-align: left !important;
    }

    input.voad_colorPicker{
        margin-left: -19% !important;
    }

    button.voad_deleteCategoryButton{
        margin-left: 21% !important;
    }

    button.voad_editCategoryButton{
        width: 11% !important;
        margin-left: -14% !important;
    }

    input.voad_colorPicker{
        width: 11% !important;
        margin-right: -13% !important;
    }

	p.wpst-nahiro-dashboard-text.wpst-nahiro-text-separator, img.wpst-nahiro-dashboard-img{
		width: 100%;
	}
	
	div.frm_fields_container{
		width: 100% !important;
	}
	
	img.wpst-nahiro-dashboard-img{
		margin-top: 7%;
	}
	
	h1.wpst-title.wpst-nahiro-text-center{
		font-size: 30px !important;
	}
	
	div.wpst-nahiro-part1, div.wpst-nahiro-part2{
		width: 100% !important;
	}
	
	.wpst-nahiro-container{
		width: 60% !important;
	}
	
	.wpst-nahiro-kontakt{
		padding: 10px 20px;
	}
	
	.wpst-nahiro-container-text{
		width: 100% !important;
	}

    .voad_renameCategory{
        align-items: flex-end;
      }

}
</style>