@import "css/latofonts.css";
/**
sliders
 */
.js-slide {
    display: none;
}

.sw-theme-basic > .nav {
    display: none;
}


img {
    vertical-align: middle;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
    position: relative;
}



/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    text-decoration: none;
    color: black;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}



/*.row:after {*/
/*    content: "";*/
/*    display: table;*/
/*    clear: both;*/
/*}*/

/* Six columns side by side */
/*.column {*/
/*    float: left;*/
/*    width: 16.66%;*/
/*}*/

/* Add a transparency effect for thumnbail images */
.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}

.mySlides {
    text-align: center;
}

/*.title_16 {*/
/*    !*font-family: 'Lato';*!*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    font-size: 22px;*/
/*    line-height: 31px;*/
/*}*/

.sw .toolbar {

    display: none;
}

/*.right_buttons {*/
/*    color: black;*/
/*    text-decoration: none;*/
/*    padding-left: 5%;*/

/*}*/

/*.right2 {*/
/*    margin-right: 5%;*/
/*    display: flex;*/
/*    float: right;*/
/*}*/

.title {
    text-align: center;
}

.navbar-brand {
    padding-left: 5%;
}

.img_center {
    display: block;
    margin-left: auto;
    margin-right: auto;

}

/* .content {*/
/*	padding-top: 2% !important;*/
/*	position: absolute;*/
/*	margin-top:4%;      */
/*    background-color: #319A97;*/
/*    box-sizing: border-box;*/
/*    padding: 10px;*/
/*    z-index: 100;*/
/*    display: none;*/
/*}*/

.form-check-input {
    width: 1em !important;
    height: 1em !important;
}

.close-btn {
    position: absolute;
    right: 20px;
    top: 3%;
    background-color: #319A97;
    color: white;
    border-radius: 50%;
    cursor: pointer;
}

.py-5_1 {
    padding-top: 10rem !important;
    padding-bottom: 3rem !important;
}

/*.email_label, .email_label2 {*/
/*    color: white;*/
/*}*/

/*.email_label2:hover {*/
/*    color: white;*/
/*}*/

/*.password_label {*/
/*    color: white;*/
/*}*/

.first_screen_button {
    background: #0D99FF;
    border-radius: 6px;

    border: none;
    /*font-family: 'Lato';*/
    font-style: normal;
    font-weight: 800;
    font-size: 22px;
    line-height: 26px;
    color: #FFFFFF;

    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*.modal-header .close {*/
/*    margin-left: 90%;*/
/*	background-color: transparent;*/
/*    border: none;*/
/*    font-size: 25px;*/
/*}*/

/*.modal-header {*/
/*    border-bottom: none;*/
/*}*/

/*.modal-title {*/
/*    text-align: center;*/
/*}*/

/*#more {display: none;}*/

/*.opacity-50{*/
/*	*/
/*}*/
.text_opacity {
    opacity: 0.5;
}

/*.modal-content{*/
/*	  width:inherit;*/
/* max-width:inherit; !* For Bootstrap 4 - to avoid the modal window stretching full width *!*/
/*    height:inherit;*/
/*    !* To center horizontally *!*/
/*    margin: 0 auto;*/
/*    pointer-events:all;*/
/*	width:130%;*/
/*	border-radius: 0px !important;*/
/*}*/

/*.modal_buttons{*/
/*	margin-left:auto;*/
/*	margin-right:auto;*/
/*	text-align:center;*/
/*	*/
/*}*/


.title_second_screen, .text_second_screen, .title_third_screen, .text_third_screen {
    text-align: center;
}

.title_third_screen {
    /*font-family: 'Lato';*/
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
}

.text_third_screen {
    /*font-family: 'Lato';*/
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 31px;
}

.radio_button_scr3 {
    text-align: center;
}

.sw .toolbar {
    padding: 0.8rem;
    text-align: center;
}

/*.right_buttons {*/
/*    float: right;*/
/*}*/


/*.content2 {*/
/*    position: absolute;*/
/*	margin-top:4%;*/
/*	margin-right:1%;*/
/*    background-color: #319A97;*/
/*    box-sizing: border-box;*/
/*    padding: 10px;*/
/*    z-index: 100;*/
/*    display: none;*/
/*}*/

/*.content2_1_txt{*/
/*	margin-bottom:-2%;*/
/*}*/

/*.content1_2 {*/
/*	padding-top: 2% !important;*/
/*    position: absolute;*/
/*	margin-top:10%;*/
/*    background-color: #319A97;*/
/*    box-sizing: border-box;*/
/*    padding: 10px;*/
/*    z-index: 100;*/
/*    display: none;*/
/*}*/

/*.content1_3{*/
/*	padding-top: 2% !important;*/
/*    position: absolute;*/
/*	margin-top:10%;*/
/*    background-color: #319A97;*/
/*    box-sizing: border-box;*/
/*    padding: 10px;*/
/*    z-index: 100;*/
/*    display: none;*/
/*}*/

/*.content2_txt{*/
/*	color:white;*/
/*}*/

/*.content2_code{*/
/*	background-color:white;*/
/*	color:black;*/
/*	text-align:center;*/
/*}*/

.nextButton2, .nextButton1 {
    color: #fff !important;
    background-color: #2196F3 !important;
}

.mainButtons {
    text-align: center;
}

#collaps {
    display: none;
    background-color: #F1F1F1;
}

#collaps2 {
    display: none;
    background-color: #F1F1F1;
}

.sw > .tab-content {
    /* position: relative; */
    overflow: visible;
}

.first_button {
    text-align: center;
}

.progress {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    height: 15px;
}

.next_button {
    width: 100px;
    text-align: center;
}

.buttons_scr1 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.close3 {
    margin-left: 95%;
    cursor: pointer;
}

.title_modalF {
    text-align: center;
}

.content3 {
    position: absolute;
    margin-top: -30%;
    background-color: black;
    box-sizing: border-box;
    padding: 10px;
    z-index: 100;
    display: none;
}

.arrowDown {
    left: 45%;
    position: relative;
}

.popupButton1 {
    width: 100px;
    padding: 9px;
    border: 1px solid;
    border-color: #2196F3;
    color: #2196F3 !important;
    background-color: white;
    border-radius: 5px;
}

.button_scr4 {
    width: 200px;
    padding: 9px;
    border: 1px solid;
    border-color: #2196F3;
    color: #2196F3 !important;
    background-color: #F1F1F1;
    border-radius: 5px;
}

.logoLeft {
    float: left;
    margin-left: 2%;
}

.nav_first {
    background-color: #E6E6E6;

}

.iconN {
    font-size: 30px;
}


.txt_area {

    height: 157px;
    border-color: #0D99FF;
}

.input_scr7 {

    border-color: #0D99FF;
}

.title_scr7 {
    /*font-family: 'Lato';*/
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
}

.title_scr9 {
    color: #0D99FF;
    text-align: center;
    /*font-family: 'Lato';*/
    font-style: normal;
    font-weight: 700;
}

.link_scr9 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.link9 {
    text-decoration: none;
    color: white;
    background-color: #319A97;
    padding: 10px;
    border-radius: 40px;
}

.link9:hover {
    color: white;
}

.txt_scr9 {
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    text-align: center;
}

.iconMain {
    font-size: 50px;
    color: #319A97;
}

.iconMain5 {
    font-size: 20px;
    color: #0D99FF;
}

.icon9 {
    text-align: center;
}

.first_screen_button:hover {
    background-color: #0D99FF;
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #0D99FF;
    border-color: #0D99FF;
}

.disabledLink {
    pointer-events: none;
}

.disabledLink2 {
    pointer-events: none;
}

.text_screen5 {
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

p.text_screen5 {
    border-style: solid;
    border-color: #0D99FF;
}

.text_screen6 {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FED8B1;
}

p.text_screen6 {
    border-style: solid;
    border-color: #FFA629;
}

.right_buttons_nav {
    float: right;
    margin-right: 2%;
}

.rightB {
    color: black;

}

.hidePar {
    display: none;
}

.underImage:hover + .hidePar {
    display: block;
}

.richtpreis {
    float: right;
    color: #319A97;
}

.flexContainer {
    display: flex;
}

.scr8_txt2 {
    margin-left: auto;
    order: 2;
}

.scr8_txt {
    margin-left: 2%;
}

.step8_expand {
    font-size: 15px;
    /*font-family: 'Lato';*/
    font-style: normal;
}

.konfButton {
    background-color: white;
    border: 2px solid #319A97;
    border-radius: 50px;
    padding-top: 8px;
    color: #319A97;
    text-decoration: none;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.number_scr8 {
    border-radius: 50%;
    width: 36px;
    color: #319A97;
    height: 36px;
    background: #fff;
    border: 2px solid #666;
    border-color: #319A97;
    text-align: center;
    font: 27px Arial, sans-serif;
}

.scr8_txt1-2 {
    color: #585858;
}

.scr8_konf {
    color: #0D99FF;
    cursor: pointer;

}

ol.s {
    list-style-type: inherit;
}

.image_step4 {
}

.step44 {
    display: flex;
    margin-left: 7%;
}

.headline_step4 {
    margin-bottom: 5%;
    color: #0D99FF;
}

.headline2_step4 {
    margin-left: 7%;

}

.step4-2 {
    text-align: center;
}

.blue_txt {
    color: #0D99FF;
}

.nav22 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #E6E6E6;
}

.li22 {
    float: left;
}

.li22 a {
    display: block;
    color: #319A97;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}


/*#checkbox_scr8{*/
/*	text-align:center;*/
/*}*/

#more2, #more3 {
    display: none;
}

#more3 {
    background-color: #319A97;
    color: white;
}


.scr8_buttons_down {
    padding: 5px;
    border-radius: 3px;
    border: 2px solid #2196F3;
    color: #2196F3 !important;
    background-color: white;
}


/*.vertical-alignment-helper {*/
/*    display:table;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    pointer-events:none;*/
/*}*/
/*.vertical-align-center {*/
/*    !* To center vertically *!*/
/*    display: table-cell;*/
/*    vertical-align: middle;*/
/*    pointer-events:none;*/
/*}*/


/*.collapsible77 {*/
/* */
/*  cursor: pointer;*/
/*  padding: 18px;*/
/*  width: 100%;*/
/*  border: none;*/
/*  text-align: left;*/
/*  outline: none;*/
/*  font-size: 15px;*/
/*}*/


/*.content77 {*/
/*  padding: 0 18px;*/
/*  overflow: hidden;*/
/*  background-color: #f1f1f1;*/
/*}*/

.content81 {
    display: none;
    padding: 0 18px;
    overflow: hidden;

}

.content82 {
    display: none;
    padding: 0 18px;
    overflow: hidden;

}

.content83 {
    display: none;
    padding: 0 18px;
    overflow: hidden;

}

/*.content_scr8{*/
/*  padding: 0 18px;*/
/*  display: none;*/
/*  overflow: hidden;*/
/*  background-color: #f1f1f1;*/
/*}*/

/*.hinzugefügt, .datenblatt{*/
/*	border-color:#2196F3;*/
/*	background-color: #F1F1F1;*/
/*	color:#2196F3;*/
/*}*/

/*.hinzugefügt:hover, .datenblatt:hover{*/
/*	background-color:white;*/
/*	color:#2196F3;*/
/*	border-color:#2196F3;*/
/*}*/


/*.radios{*/
/*	float:left;*/
/*}*/

.arrows_step6 {
    text-align: center;
}

.arrow-step5, .arrow-step6 {
    cursor: pointer;
}

.step8_expand, .step4_img {
    cursor: pointer;
}

/*.sw>.tab-content>.tab-pane {*/
/*    padding: 0rem;*/
/*}*/




/*Chrome*/
/*@media screen and (-webkit-min-device-pixel-ratio: 0) {*/
/*    input[type='range'] {*/
/*        overflow: hidden;*/
/*        height: 15px;*/
/*        border-radius: 50px;*/
/*        -webkit-appearance: none;*/
/*        background-color: #319A97;*/
/*    }*/


/*    input[type='range']::-webkit-slider-thumb {*/
/*        width: 13px;*/
/*        -webkit-appearance: none;*/
/*        height: 13px;*/
/*        border-radius: 50px;*/
/*        cursor: pointer;*/
/*        background: black;*/
/*        box-shadow: -80px 0 0 80px #319A97;*/
/*        z-index: 999;*/
/*    }*/

/*}*/

/** FF*/
/*input[type="range"]::-moz-range-progress {*/
/*    background-color: #319A97;*/
/*}*/

/*input[type="range"]::-moz-range-track {*/
/*    background-color: #319A97;*/
/*}*/


/*input[type=range]::-webkit-slider-runnable-track {*/
/*    -webkit-appearance: none;*/
/*    width: 300px;*/
/*    height: 5px;*/
/*    background: #319A97;*/
/*    border: none;*/
/*    border-radius: 3px;*/
/*}*/

/*input[type=range]::-webkit-slider-thumb {*/
/*    -webkit-appearance: none;*/
/*    border: none;*/
/*    height: 16px;*/
/*    width: 16px;*/
/*    border-radius: 50%;*/
/*    background: #fff;*/
/*    border: 1px solid #ddd;*/
/*    margin-top: -4px;*/
/*}*/

/*input[type=range]:focus::-webkit-slider-runnable-track {*/
/*    background: #008489;*/
/*}*/
/********** Range Input Styles **********/
/*Range Reset*/
/*input[type="range"] {*/
/*    -webkit-appearance: none;*/
/*    appearance: none;*/
/*    background: transparent;*/
/*    cursor: pointer;*/
/*}*/

/*!* Removes default focus *!*/
/*input[type="range"]:focus {*/
/*    outline: none;*/
/*}*/

/*!***** Chrome, Safari, Opera and Edge Chromium styles *****!*/
/*!* slider track *!*/
/*input[type="range"]::-webkit-slider-runnable-track {*/
/*    background-color: var(--primary);*/
/*    border-radius: 0.5rem;*/
/*    height: 8px;*/
/*}*/

/*!* slider thumb *!*/
/*input[type="range"]::-webkit-slider-thumb {*/
/*    -webkit-appearance: none; !* Override default look *!*/
/*    appearance: none;*/
/*    margin-top: -8px; !* Centers thumb on the track *!*/

/*    !*custom styles*!*/
/*    background-color: var(--primary);*/
/*    border-radius: 50%;*/
/*    height: 24px;*/
/*    width: 24px;*/
/*}*/

/*input[type="range"]:focus::-webkit-slider-thumb {*/
/*    border: 1px solid #053a5f;*/
/*    outline: 3px solid #053a5f;*/
/*    outline-offset: 0.125rem;*/
/*}*/

/*!******** Firefox styles ********!*/
/*!* slider track *!*/
/*input[type="range"]::-moz-range-track {*/
/*    background-color: var(--primary);*/
/*    border-radius: 0.5rem;*/
/*    height: 0.5rem;*/
/*}*/

/*!* slider thumb *!*/
/*input[type="range"]::-moz-range-thumb {*/
/*    border: none; !*Removes extra border that FF applies*!*/
/*    border-radius: 0; !*Removes default border-radius that FF applies*!*/

/*    !*custom styles*!*/
/*    background-color: var(--primary);*/
/*    border-radius: 50%;*/
/*    height: 24px;*/
/*    width: 24px;*/
/*}*/

/*input[type="range"]:focus::-moz-range-thumb {*/
/*    border: 1px solid #053a5f;*/
/*    outline: 3px solid #053a5f;*/
/*    outline-offset: 0.125rem;*/
/*}*/


.start-svg svg {
    height:300px;
    width:900px;
}

.start-svg{
    margin-left:auto;
    margin-right:auto;
}