* {
    box-sizing: border-box;
    margin: 0;
}

html body {
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 1.2rem;
    font-family: 'Raleway', sans-serif, 'Kanit', sans-serif;
    background-color: #080808;
    color: #ffffff;
    letter-spacing: 0.5px;
}

/* HEADER */
/* NAVIGATIONSLEISTE */

#headnav{
width: 100%;
height: 100%;
background-image:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgb(17, 17, 17) 50%, rgba(0,0,0,1) 100%);
text-align: center;
margin-left: auto;
margin-right: auto;

}


#bottomnav {
width: 100%;
height: 6rem;
text-align: center;
margin-left: auto;
margin-right: auto;
}


.footerlink {
    position: relative;
    display: inline-block;
    margin-top: 0.8rem;
    
  }

  .footerbtn {
    background-color: #00000000;
    color: white;
    padding: 12px;
    margin-left: 1rem;
    font-size: 1rem;
    font-family: 'Raleway', sans-serif;
    border: none;
    transition: all 1s;
    cursor: pointer;
  }

  .footerlink:hover .footerbtn {
    color: #b8b8b8;
}

/* DROPDOWN MENU */

.dropdownmenu {
    margin-left: auto;
    margin-right: auto;
   
}

.dropbtn {
    background-color: #00000000;
    color: white;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3rem;
    font-family: 'Kanit', sans-serif;
    border: none;
    transition: all 1s;
    cursor: pointer;
  }

  .icon {

  }

  .iconmobile {
    display: none;
  }

  .imgbtnlogo {
    background-color: #00000000;
    color: rgba(255, 255, 255, 0);
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    cursor: pointer;
  }

  .imgbtninsta {
    background-color: #00000000;
    color: rgba(255, 255, 255, 0);
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    cursor: pointer;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
    vertical-align:middle;
    
  }


  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    visibility: hidden;
    opacity:0;
    position: absolute;
    background-image:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(17,17,17,1) 50%, rgba(0,0,0,1) 100%);
    width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1; 
    transition: all 0.5s;
    text-align: center;
    font-size: 1rem;
    
  }


  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: rgb(255, 255, 255);
    padding: 12px 16px;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    display: block;

  }

  /* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
    visibility:visible;
    opacity:1;
}


/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    color: #b8b8b8;
}


/* BODY */

/* SECTION */

#navsection {
    width: 100%;
    height: 100%;

}

#bigtextsection {
    background-image:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(17,17,17,1) 50%, rgba(0,0,0,1) 100%);
    color: #ffffff;
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#smalltextsection {
    background-image:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(17,17,17,1) 50%, rgba(0,0,0,1) 100%);
    color: #ffffff;
}

#phonetextsection{
  background-image:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(17,17,17,1) 50%, rgba(0,0,0,1) 100%);
  color: #ffffff;
  display: none;
}

#phonetextsectionteam{
  background-image:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(17,17,17,1) 50%, rgba(0,0,0,1) 100%);
  color: #ffffff;
  display: none;
}


#footersection {
    background-image:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(17,17,17,1) 50%, rgba(0,0,0,1) 100%);
    color: #ffffff;

}


/* DIVS */

.bigtext {
    height: 100%;
    width: 100%;
    background-image: url("images/champagner.jpg");
    background-size:cover;
    padding-bottom: 4rem;
    text-align: center;
}

.bigtext2 {
  height: 100%;
  background-image: url("images/champagner2.jpg");
  background-size:cover;
  padding-bottom: 4rem;
}

.bigtextwithoutimg {
  height: 100%;
  padding-bottom: 5rem;
  background-image:linear-gradient(90deg, rgba(8,8,8,1) 0%, rgba(17,17,17,1) 51%, rgba(8,8,8,1) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.699);
  text-align: center;
}

.fullsitetext {
  width: 90%;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  text-align: left;
}

.lefttext {
    width: 35%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    text-align:left;
}

.righttext {
    width: 35%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    text-align:left;
}

.midtext {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}

.midtext > h1 {
padding-top: 2rem;
font-size: 2rem;
}

.midtext > p {
    margin-left: auto;
    margin-right: auto;
    }





.bigtext > div > h1 {
font-size: 3rem;
font-weight: 700;
margin-bottom: 2rem;
}

.bigtext2 > div > h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 2rem;
  }

  .bigtext3 > div > h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 2rem;
    }

.bigtext > div > p {
    margin-bottom: 2rem;
}

.bigtext2 > div > p {
  margin-bottom: 2rem;
}

.bigtext3 > div > p {
  margin-bottom: 2rem;
}

.button1 {
height: 100%;
width: 15rem;
font-size: 1rem;
background-color: #000000;
font-weight:lighter;
padding: 1rem;
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
color: #fcfcfc;
cursor: pointer;
border: solid 1px #fcfcfc;
}

.button1:hover {
  background-color: #fcfcfc;
  color: #000000;
  transition-duration: 1s;
  border: solid 1px #000000;
}
    
.button2 {
  height: 100%;
  width: 15rem;
  font-size: 1rem;
  background-color: #fcfcfc;
  font-weight:lighter;
  padding: 1rem;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  color: #000000;
  cursor: pointer;
  border: solid 1px #000000;
  }
  
  .button2:hover {
    background-color: #000000;
    color: #fcfcfc;
    transition-duration: 1s;
    border: solid 1px #fcfcfc;
  }


/* Zweier Boxen System */
.container {
  width: 90%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}

[class*='col-'] {
    float: left;
    min-height: 1px;
    padding: 0rem;
    }
    
.col-3 {
    width: 33.33%;
}

.col-1 {
    width: 100%;
}

.leistungs-box {
    text-align: left;
    padding: 2rem 3rem 3rem;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.leistungs-box > h1 {
    margin-bottom: 1.5rem;
}

.leistungs-box2 {
    text-align: left;
    padding: 0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.leistungs-box2 > h1 {
    margin-bottom: 1.5rem;
}

.leistungs-box3 {
    text-align: center;
    padding: 0.5rem 0.5rem 0.5rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}


/* Nächste Veranstaltungen */

.bigtext3 {
  height: 100%;
  background-image: url("images/party.jpg");
  background-size:cover;
  font-family: 'Kanit', sans-serif;
  text-align: center;
  width: 100%;
}

#nextevent {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

/*
.blackbox {
  width: 80%;
  background-color: #00000000;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
*/

.bigtext3 > .midtext {
  letter-spacing: 0.7rem;
  width: 100%;
}

/* Kontaktformular  */ 
#ft-form {
    font-family: 'Raleway', sans-serif;
    font-size: 100%;
    line-height: 1.15
  }
  #ft-form *,
  #ft-form ::after,
  #ft-form ::before {
    box-sizing: border-box
  }
  #ft-form input,
  #ft-form select,
  #ft-form textarea {
    font-family: 'Raleway', sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
  }
  #ft-form select {
    text-transform: none
  }
  #ft-form [type=submit] {
    -webkit-appearance: button;
  }
  #ft-form legend {
    padding: 0
  }
  #ft-form h2,
  #ft-form p {
    margin: 0
  }
  #ft-form fieldset {
    margin: 0;
    padding: 0
  }
  #ft-form html {
    font-family: 'Raleway', sans-serif;
    line-height: 1.5
  }
  #ft-form body {
    font-family: 'Raleway', sans-serif;
    line-height: inherit
  }
  #ft-form *,
  #ft-form ::after,
  #ft-form ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
  }
  #ft-form textarea {
    resize: vertical
  }
  #ft-form input::-moz-placeholder,
  #ft-form textarea::-moz-placeholder {
    color: #9ca3af
  }
  #ft-form input:-ms-input-placeholder,
  #ft-form textarea:-ms-input-placeholder {
    color: #9ca3af
  }
  #ft-form input::placeholder,
  #ft-form textarea::placeholder {
    color: #9ca3af
  }
  #ft-form h2 {
    font-size: inherit;
    font-weight: inherit
  }
  #ft-form input,
  #ft-form select,
  #ft-form textarea {
    padding: 0;
    line-height: inherit;
    color: #000000
  }
  #ft-form [type=date],
  #ft-form [type=email],
  #ft-form [type=tel],
  #ft-form [type=text],
  #ft-form select,
  #ft-form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding-top: .5rem;
    padding-right: .75rem;
    padding-bottom: .5rem;
    padding-left: .75rem;
    font-size: 1rem;
    line-height: 1.5rem
  }
  #ft-form [type=date]:focus,
  #ft-form [type=email]:focus,
  #ft-form [type=tel]:focus,
  #ft-form [type=text]:focus,
  #ft-form select:focus,
  #ft-form textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 0 #fff, 0 0 0 3px rgba(199,210,254,.5), 0 0 #0000;
    border-color: #2563eb
  }
  #ft-form input::-moz-placeholder,
  #ft-form textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
  }
  #ft-form input:-ms-input-placeholder,
  #ft-form textarea:-ms-input-placeholder {
    color: #6b7280;
    opacity: 1
  }
  #ft-form input::placeholder,
  #ft-form textarea::placeholder {
    color: #6b7280;
    opacity: 1
  }
  #ft-form select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
  }
  #ft-form [type=checkbox],
  #ft-form [type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px
  }
  #ft-form [type=checkbox] {
    border-radius: 0
  }
  #ft-form [type=radio] {
    border-radius: 100%
  }
  #ft-form [type=checkbox]:focus,
  #ft-form [type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 0 #fff, 0 0 0 3px rgba(199,210,254,.5), 0 0 #0000;
  }
  #ft-form [type=checkbox]:checked,
  #ft-form [type=radio]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
  }
  #ft-form [type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
  }
  #ft-form [type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
  }
  #ft-form [type=checkbox]:checked:focus,
  #ft-form [type=checkbox]:checked:hover,
  #ft-form [type=radio]:checked:focus,
  #ft-form [type=radio]:checked:hover {
    border-color: transparent;
    background-color: currentColor
  }
  #ft-form [type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
  }
  #ft-form [type=checkbox]:indeterminate:focus,
  #ft-form [type=checkbox]:indeterminate:hover {
    border-color: transparent;
    background-color: currentColor
  }
  #ft-form [type=file] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
  }
  #ft-form [type=file]:focus {
    outline: 1px auto -webkit-focus-ring-color
  }
  #ft-form fieldset {
    font-size: 100%;
    margin-top: 3rem;
    margin-bottom: 1.5rem
  }
  #ft-form fieldset:first-child {
    margin-top: 0
  }
  #ft-form fieldset > * {
    display: block;
    margin-bottom: 1.5rem
  }
  #ft-form fieldset > :last-child {
    margin-bottom: 0
  }
  #ft-form fieldset > .two-cols > * {
    display: block;
    margin-bottom: 1.5rem
  }
  #ft-form fieldset > .two-cols > :last-child {
    margin-bottom: 0
  }
  @media only screen and (min-width:640px) {
    #ft-form fieldset > .two-cols {
      display: flex;
      align-items: flex-end
    }
    #ft-form fieldset > .two-cols > * {
      display: block;
      margin-right: 1.5rem;
      margin-top: 0;
      margin-bottom: 0;
      flex: 1
    }
    #ft-form fieldset > .two-cols > :last-child {
      margin-right: 0
    }
  }
  #ft-form fieldset div > label {
    display: inline-flex;
    align-items: flex-start;
    margin-top: .5rem;
    width: 100%;
    margin-left: 12rem;
  }
  #ft-form fieldset div > label:last-child {
    margin: .5rem 0 0 0;
    margin-left: 12rem;
  }
  #ft-form fieldset div.inline {
    padding: .55rem 0 0;
    width: 100%
  }
  #ft-form fieldset div.inline > label {
    width: auto;
    margin-right: .5rem;
    margin-left: 12rem;
  }
  #ft-form fieldset div.inline > label:last-child {
    margin-right: 0;
    margin-left: 12rem;
  }
  #ft-form fieldset > .two-cols div.inline {
    padding: .55rem 0
  }
  #ft-form fieldset > legend {
    font-weight: 700;
    font-size: 120%;
    margin-bottom: 1rem
  }
  #ft-form fieldset > p {
    margin: 0
  }
  #ft-form [type=file] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding-top: .5rem;
    padding-right: .75rem;
    padding-bottom: .5rem;
    padding-left: .75rem;
    font-size: 1rem;
    line-height: 1.5rem
  }
  #ft-form [type=file]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 0 #fff, 0 0 0 3px rgba(199,210,254,.5), 0 0 #0000;
    border-color: #2563eb
  }
  #ft-form [multiple],
  #ft-form [type=date],
  #ft-form [type=datetime-local],
  #ft-form [type=email],
  #ft-form [type=file],
  #ft-form [type=month],
  #ft-form [type=number],
  #ft-form [type=password],
  #ft-form [type=search],
  #ft-form [type=tel],
  #ft-form [type=text],
  #ft-form [type=time],
  #ft-form [type=url],
  #ft-form [type=week],
  #ft-form select,
  #ft-form textarea {
    border-radius: .375rem;
    margin-top: .25rem;
    box-shadow: 0 0 #0000,0 0 #0000,0 1px 2px 0 rgba(0,0,0,.05);
    border-color: #bbb;
    width: 80%
  }
  #ft-form [multiple] select,
  #ft-form [type=date] select,
  #ft-form [type=datetime-local] select,
  #ft-form [type=email] select,
  #ft-form [type=file] select,
  #ft-form [type=month] select,
  #ft-form [type=number] select,
  #ft-form [type=password] select,
  #ft-form [type=search] select,
  #ft-form [type=tel] select,
  #ft-form [type=text] select,
  #ft-form [type=time] select,
  #ft-form [type=url] select,
  #ft-form [type=week] select,
  #ft-form select select,
  #ft-form textarea select {
    padding-right: 2.5rem
  }
  #ft-form [multiple]:focus,
  #ft-form [type=date]:focus,
  #ft-form [type=datetime-local]:focus,
  #ft-form [type=email]:focus,
  #ft-form [type=file]:focus,
  #ft-form [type=month]:focus,
  #ft-form [type=number]:focus,
  #ft-form [type=password]:focus,
  #ft-form [type=search]:focus,
  #ft-form [type=tel]:focus,
  #ft-form [type=text]:focus,
  #ft-form [type=time]:focus,
  #ft-form [type=url]:focus,
  #ft-form [type=week]:focus,
  #ft-form select:focus,
  #ft-form textarea:focus {
    border-color: #bbb;
    box-shadow: 0 0 0 0 #fff,0 0 0 3px rgba(199,210,254,.5),0 0 #0000
  }
  #ft-form [type=checkbox],
  #ft-form [type=radio] {
    color: #4f46e5;
    box-shadow: none;
    border-radius: .25rem;
    border-color: #bbb;
    margin-right: .5rem
  }
  #ft-form [type=checkbox]:focus,
  #ft-form [type=radio]:focus {
    border-color: #bbb;
    box-shadow: 0 0 0 0 #fff,0 0 0 3px rgba(199,210,254,.5),0 0 #0000
  }
  #ft-form [type=radio] {
    border-radius: 100%
  }
  #ft-form .btns {
    text-align: center;
    margin-top: 3rem
  }
  #ft-form .btns > input[type=button],
  #ft-form .btns > input[type=reset],
  #ft-form .btns > input[type=submit] {
    height: 100%;
    width: 15rem;
    font-size: 1rem;
    background-color: #080808;
    border: solid 1px #f7f7f7;
    font-weight: bold;
    padding: 1rem;
    margin-top: 1rem;
    margin-right: 2.5rem;
    color: #f7f7f7;
    cursor: pointer;
  }

  #ft-form .btns > input[type=button]:focus,
  #ft-form .btns > input[type=reset]:focus,
  #ft-form .btns > input[type=submit]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    border-color: #bbb;
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(199,210,254,.5),0 0 #0000
  }
  #ft-form .btns > input[type=submit] {
    background-color: #080808;
    transition: background-color .1s
  }
  #ft-form .btns > input[type=submit]:hover {
    background-color: #b8b8b8;
    color: #000000;
    border-color: #b8b8b8;
    transition-duration: 1s;
  }

  /* IMAGES */

  #giovanni {
    display: block;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
  }

  #teamfoto {
    width: 80%;
    height: auto;
    margin-top: 2rem;
    box-shadow: 0px 0px 5px 2px rgb(103, 103, 103);
  }

  .bildüberschrift {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .leistungimg {
    display: block;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;

  }

  /* MEDIA QUERIES */

@media(max-width: 1313px){
    .dropbtn{
        font-size: 24px;
        padding-right: 3px;
        padding-left: 3px;
        }


    .leistungs-box {
        padding: 2rem 1rem 2.5rem;
    }
    .leistungs-box2 {
      display: block;
      width: 100%;
      padding-right: auto;
      padding-left: auto;
  }

  #ft-form fieldset div > label {
    margin-left: 10rem;
  }
  #ft-form fieldset div > label:last-child {
    margin-left: 10rem;
  }

  #ft-form fieldset div.inline > label {
    margin-left: 10rem;
  }
  #ft-form fieldset div.inline > label:last-child {
    margin-left: 10rem;
  }
  

}

@media(max-width: 1130px){
  .dropbtn{
      font-size: 20px;
      padding-right: 1px;
      padding-left: 1px;
      margin-left: 2px;
      margin-right: 2px;
      }


        .lefttext {
          width: 90%;
          margin-left: 3rem;
          margin-right: 3rem;
      }

        .lefttext > h1, p {
          margin-left: auto;
          margin-right: auto;
        }
      
      .righttext {
          width: 90%;
          display: inline-block;
          margin-left: 3rem;
          margin-right: 3rem;
      }

      .righttext > h1, p {
        margin-left: auto;
        margin-right: auto;
      }

      .leistungs-box {
        padding: 1rem 0.5rem 1.25rem;
    }

    .leistungs-box > h1 {
      font-size: 12px;
    }

  
  .footerbtn {
    padding-left: 6px;
    padding-right: 6px;
  }

  #ft-form fieldset div > label {
    margin-left: 7rem;
    width: 50%;
  }
  #ft-form fieldset div > label:last-child {
    margin-left: 7rem;
    width: 50%;
  }

  #ft-form fieldset div.inline > label {
    margin-left: 7rem;
    width: 50%;
  }
  #ft-form fieldset div.inline > label:last-child {
    margin-left: 7rem;
    width: 50%;
  }
  
}

@media(max-width: 890px){
  .dropbtn{
      font-size: 1rem;
      padding-right: 1px;
      padding-left: 1px;
      margin-left: 2px;
      margin-right: 2px;
      }
  
      .icon{
        display: none;
      }
      .iconmobile{
        display: block;
      }
    
    #smalltextsection {
      display: none;
    }
  
    #phonetextsection {
      display: block;
    }

    #phonetextsectionteam {
      display: block;
    }



    .leistungs-box > h1 {
      font-size: 17px;
    }


          .col-3 {
            width: 90%;
        }

        .footerbtn {
          padding-left: 1px;
          padding-right: 1px;
          margin-left: 1px;
        }
        
        #ft-form fieldset div > label {
          margin-left: 4rem;
          width: 80%;
        }
        #ft-form fieldset div > label:last-child {
          margin-left: 4rem;
          width: 80%;
        }
      
        #ft-form fieldset div.inline > label {
          margin-left: 4rem;
          width: 80%;
        }
        #ft-form fieldset div.inline > label:last-child {
          margin-left: 4rem;
          width: 80%;
        }
      
}

@media(max-width: 775px){
  .dropbtn{
      font-size: 1rem;
      }
      
    }
    @media(max-width: 722px){
      .dropbtn{
          font-size: 0.9rem;
          }
        }

@media(max-width: 605px){
  .dropbtn{
    font-size: 0.7rem;
      padding-right: 1px;
      padding-left: 1px;
      margin-left: 2px;
      margin-right: 2px;
      }
      .dropdownmenu {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        
      }

      .dropdown {
        margin-top: 0;
      }

      #headnav {
        text-align: center;
      }


          .footerbtn {
            font-size: 1rem;
            }
      
            .leistungs-box3 > p {
              font-size: 0.8rem;
            }

           #bigtextsecton{
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            display: block;
           }

           #bigtextsecton{
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            display: block;
           }
      
            .bigtext{
              width: 90%;
              margin-left: auto;
              margin-right: auto;
              display: block;
            }

      }

      @media(max-width: 505px){
        .dropbtn{
          font-size: 0.6rem;
            padding-right: 1px;
            padding-left: 1px;
            margin-left: 2px;
            margin-right: 2px;
            }
          }

@media(max-width: 460px){
  .lefttext {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media(max-width: 505px){
  .dropbtn{
    font-size: 0.5rem;
      }
    }



.righttext {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}


.col-3 {
  width: 100%;
}

.midtext {
  width: 90%;
  margin-left:  auto;
  margin-right: auto;
  display: block;
}

.bigtext > div > h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.bigtext2 > div > h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.bigtext3 > div > h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}


.bigtext > div > p {
  margin-left: 0;
}

.bigtext2 > div > p {
  margin-left: 0;
}

.bigtext3 > div > p {
  margin-left: 0;
}

.dropbtn{
  font-size: 17px;
}
.dropdownmenu {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

  .lefttext > h1, p {
    margin-left: auto;
    margin-right: auto;
  }


.righttext > h1, p {
  margin-left: auto;
  margin-right: auto;
}

.bigtext > div > a> button {
  margin-right: 1rem;
}

.bigtext2 > div > a> button {
  margin-right: 1rem;
}

.bigtext3 > div > a> button {
  margin-right: 1rem;
}


.footerbtn {
  font-size: 0.8rem;
  }

  .leistungs-box3 > p {
    font-size: 0.6rem;
  }



  .leistungs-box {
  display: block;
  width: 100%;
  padding-right: auto;
  padding-left: auto;
  }

  .leistungs-box2 {
    display: block;
    width: 100%;
    padding-right: auto;
    padding-left: auto;
   }

  .lefttext > h1, p {
    width: 100%;
}
}

@media(max-width: 405px){
  .dropbtn{
    font-size: 14px;
  }

}



@media(max-width: 375px){
  .dropbtn{
    font-size: 12px;
  }


  .bigtext2 > div > h1{
    font-size: 24px;
  }

  .bigtext3 > div > h1{
    font-size: 24px;
  }
}

@media(max-width: 320px){
  .dropbtn{
    font-size: 10px;
  }
}
      
/* COOKIE & DATENSCHUTZBANNER */

#privacy-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  color: #000000;
  padding: 10px;
  text-align: center;
  display: none;
}

#privacy-banner button {
  background-color: #000000;
  border: 1px solid white;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

#privacy-banner button:hover {    background-color: #b8b8b8;
color: #000000;
border-color: #b8b8b8;
transition-duration: 1s;}


#cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    padding: 10px;
    text-align: center;
    display: none;
  }

  #cookie-banner button {
    background-color: #000000;
    border: 1px solid white;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
  }

  #cookie-banner button:hover {    background-color: #b8b8b8;
color: #000000;
border-color: #b8b8b8;
transition-duration: 1s;}