/***** Lokale Fonts *****/

/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url('/files/cto_layout/fonts/comfortaa-v40-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/cto_layout/fonts/comfortaa-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/comfortaa-v40-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/comfortaa-v40-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/comfortaa-v40-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/comfortaa-v40-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
       font-display: swap;
}

/***** Allgemeine Anpassungen START *****/

html,
body{
  letter-spacing: -0.1px!important;
}

.submenu_v3 {
  border: 2px solid rgb(220,220,220);
  padding: 15px;
}

.submenu_v3 ul,
body .ce_text ul{
  padding-left:0px;
}

.submenu_v3 li,
body .ce_text ul li{
  list-style: none;
  display: flex;
}

.submenu_v3 li.active{
  display:none;
}

.submenu_v3 li a,
.submenu_v3 li:before{
  display:inline;
}

.submenu_v3 li:before,
body .ce_text ul li:before{
  content:"//";
  color:#188bc4;
  margin-right:5px;
}

.raTitle h2{
  margin-bottom:0px;
}

body.kanzlei h2{
  margin-bottom:0px!important;
}

body.kanzlei h3{
  margin-bottom:0px!important;
  margin-top:25px;
}

.vita > h3 {
  margin-bottom: 5px;
}

/* Tabelle */

.ce_table table td{
  padding:4px 0px!important;
}

/***** Allgemeine Anpassungen ENDE *****/

/***** Top START *****/

/* CSS hier */

/***** Top ENDE *****/

/***** Header START *****/

/* CSS hier */

/***** Header ENDE *****/

/***** Slider START *****/

.signetOpacity svg{
  opacity:0.2!important;
}

/***** Slider ENDE *****/

/***** Main START *****/

.ce_accordion .toggler{
  height: 80px;
}

.ce_iconbox.mail a{
    font-size: 14px;
}

.vertikal-zentriert {
    display: flex;
    align-items: center;
    justify-content: center;
}

.toggler{
  font-size:20px!important;
}

.ce_accordion .toggler {
  padding: 10px 10px!important;
}

/* Logos */

#logos img{
  filter: grayscale(100%)!important;
  opacity: 0.5;
  transition:all 0.2s ease-out 0s;
}

#logos img:hover{
  filter: grayscale(0%)!important;
  opacity: 1;
}

.ce_headerimage.color-white .content {
    border-color: #0b9eda;
    background: #0b9eda;
    margin-bottom: -30px;
}

.ce_headerimage.version1 .content {
	padding: 35px!important;
}
.ce_headerimage.valign_bottom .ce_headerimage_inside {
    top: 91%;
}

/***** Main ENDE *****/

/***** Footer START *****/

#footer{
  font-size:0.9rem;
}

/***** Footer ENDE *****/

/***** Bottom START *****/

/* CSS hier */

/***** Bottom ENDE *****/

/***** Kontaktformular und Buttons START *****/

input.submit,
button.submit,
input,
textarea,
select,
.ce_hyperlink a,
a.hyperlink_txt,
a.btn,
.ce_iconbox_header .link a{
  font-family: 'Comfortaa';
  font-size:1rem;
  font-weight:400;
  height:auto;
}

.widget-explanation > p{
	font-size:0.7rem;
	line-height:20px;
}

form .checkbox_container span,
form .widget-radio span{
	margin-bottom:0px;
}

.android .widget-radio label,
.android .widget-checkbox label{
	top:0px;
}

.ce_hyperlink a, a.btn{
  padding:10px 50px;
}

/***** Kontaktformular und Buttons ENDE *****/

/***** Privacy Manager  START *****/

.mod_privacy_optin .privacy_popup{
  top:5%;
}

.mod_privacy_optin .privacy_label .privacy_checkmark:after{
  top:-1px;
}

.mod_privacy_optin .submit.readonly,
.mod_privacy_optin .submit.readonly:hover,
.mod_privacy_optin .submit.readonly:focus{
	  color:#fff;
}

.privacy_buttons input{
  background: rgb(0,182,122)!important;
}

.privacy_buttons input:hover{
  background: rgba(0,182,122,0.8)!important;
}

.privacy_help_link{
	display:none!important;
}

/***** Privacy Manager ENDE*****/

/********* Viewports *********/

/*** Laptop 1024px ***/
@media (max-width:1024px){
 
  /* CSS hier */

}

/*** Tablet 767px ***/
@media (max-width:767px){

  	/* Sorgt dafür, dass mobil Text/Bild in der gleichen Folge dargestellt wird, wenn es Desktop im Format Text/Bild, Bild/Text angelegt wurde. Die Spalte mit dem Bild erhält die Klasse .gridReverseB */
    .column.gridReverseB {
      order: -1;
    }

    #main .mod_article:not(.fullwidth)>.container,
    #left .mod_article>.container,
    #right .mod_article>.container,
    #main .mod_article.fullwidth.boxed-content .contentwrap,
    #main .autogrid_wrapper.article,
    #main .mod_article .ce_parallax .contentwrap,
    #main .mod_article .ce_bgimage .ce_bgimage-inside,
    #main .mod_article .ce_youtube_background .contentwrap,
    .ce_headerimage .ce_headerimage_inside,
    .ce_bgimage-inside, .header .inside,
    .ce_iconbox_header .contentwrap,
    .mod_pageimage .container {
        padding-left: 15px!important;
        padding-right: 15px!important;
      }

      .ce_headerimage.version1 .content {
        padding: 10px!important;
    }


    .ce_headerimage{
      padding-bottom:16px!important;
    }

    body.kanzlei .mt-xxl {
        margin-top: 0px!important;
    }
    body.kanzlei .mt-xxl {
        margin-top: 0px!important;
    }

    .swiper-container {
      height: 100%;
      width: calc(100% - 30px);
  }

  body{
    font-size:16px;
  }

  h2{
    font-size:26px;
  }

}

/*** Mobile XL 480px ***/
@media (max-width:480px){

  .ce_headerimage_inside h1{
    font-size:20px;
  }

  .ce_headerimage.version1 .content{
    padding:6px!important;
  }

  .ce_headerimage.valign_bottom .ce_headerimage_inside{
    top:93%;
  }

}

/*** Mobile L 425px ***/
@media (max-width:424px){
 
	/***** Privacy Manager *****/

	.mod_privacy_optin h2{
		font-size:20px;
	}
	
#wrapper br:not() {
  		content: ' ';
	}

#wrapper	br:after {
  		content: ' ';
	}

/* Slider */

.swiper-slide .image_container img {
  max-width: 60%;
  margin: 0 20%;
}

  .ce_swiper-slider-start.style2_dark .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0px 6px; 
}

/*** Mobile M 380px ***/
@media (max-width:380px){
 
  .ce_headerimage_inside h1 {
    font-size: 18px;
}

}

/*** Mobile S 320px ***/
@media (max-width:320px){
 
  /* CSS hier */

}