/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

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

/* titillium-web-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: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: url('/files/cto_layout/fonts/titillium-web-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('/files/cto_layout/fonts/titillium-web-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/files/cto_layout/fonts/titillium-web-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/files/cto_layout/fonts/titillium-web-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/files/cto_layout/fonts/titillium-web-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/files/cto_layout/fonts/titillium-web-v15-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }
  /* titillium-web-600 - 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: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: url('/files/cto_layout/fonts/titillium-web-v15-latin-600.eot'); /* IE9 Compat Modes */
    src: url('/files/cto_layout/fonts/titillium-web-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/files/cto_layout/fonts/titillium-web-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('/files/cto_layout/fonts/titillium-web-v15-latin-600.woff') format('woff'), /* Modern Browsers */
         url('/files/cto_layout/fonts/titillium-web-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/files/cto_layout/fonts/titillium-web-v15-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }

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

*{
    word-wrap: break-word;
    overflow-wrap: break-word;
  -webkit-hyphens: auto!important;
     -moz-hyphens: auto;
     -epub-hypens: auto;
          -ms-hyphens: auto!important;
              hyphens: auto!important; 
}

*:lang(en){
    word-wrap: none;
    overflow-wrap: none;
  -webkit-hyphens: none!important;
     -moz-hyphens: none;
     -epub-hypens: none;
          -ms-hyphens: none!important;
              hyphens: none!important; 
}

body {
    background: url("/files/monika-seynsche/bilder/hintergrund_monika-seynsche.jpg") no-repeat top center fixed;
    background-size: cover;
}

body.home .container {
    padding: 140px!important;
}

body.home #wrapper,
body.kontakt #wrapper{
    margin-bottom:70%;
}

/* Check-Icon */
ul.checkIcon{
    padding-left:0px;
}

ul.checkIcon li{
    list-style-type: none!important; 
}

ul.checkIcon li:before {
    content: "\f00c";
    font-family: fontAwesome;
    color: green;
    font-size: 20px;
    margin-right: 6px;
}

h2, .h2, .h2 p {
    font-size: 2rem;
}

.mod_langswitcher {
    position: absolute!important;
    right: 0px;
    top: -95px;
}

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

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

/* CSS hier */

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

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

#header,
#container {
    background-color: rgba(255,255,255,0.7);
}

.header .inside{
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#contentwrapper {
    margin-top: 75px;
    background:rgba(255,255,255,0);
}

@media (min-width:1080px){


    body.safari .ce_linkbox.version5 .content{
        padding-left:40px;
        padding-right:40px;
    }

.mainmenu ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    }

header.original .mainmenu ul li {
    line-height: 22px!important;
    background: rgba(182, 178, 167,0.7);
    width: 109px;
    height: 109px;
    padding: 10px;
    overflow: auto!important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-left: 0px!important;
    margin-right: 10px;
    border:solid 1px rgba(182, 178, 167,0.0);
    overflow: hidden!important;
    }


header.original .mainmenu ul li.active,
header.original .mainmenu ul li:hover{
    background: rgba(182, 178, 167,0);
    border:solid 1px rgba(182, 178, 167,0.7);
    }

header.original .mainmenu ul li:hover a{
    color:rgb(182, 178, 167);
    }

body.home .mod_navigation{
    display:none;
    }

}

.header .smartmenu .smartmenu-trigger .line,
.header .smartmenu .smartmenu-trigger .line:before,
.header .smartmenu .smartmenu-trigger .line:after{
    background:#6a665d;
}

.smartmenu {
    margin-right: 20px;
}

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

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

/* CSS hier */

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

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

#wrapper{
    margin-top:25px;
}

/*
.ce_linkbox.version5 .ce_linkbox_link{
    background:url(/files/monika-seynsche/bilder/hintergrund_monika-seynsche.jpg) no-repeat top center fixed;
    background-size: cover;
}
*/

.ce_linkbox.version5:hover h2{
    color:rgba(255,255,255,0)
}

.ce_linkbox.version5 img{
    opacity:0;
}

.ce_linkbox.version5:hover img{
    opacity:1;
}

.alternateColors .autogrid_grid{
    margin-top:15px;
}

@media (min-width:768px){

.alternateColors > .attributes >  .autogrid_grid:nth-child(odd) > .column.align_right_top {
    border-left: 1px dotted #fff;
  }

  .alternateColors > .attributes > .autogrid_grid:nth-child(even) > .column.align_right_top {
    border-left: 1px dotted #6a665d;
  }

}

.alternateColors .autogrid_grid .column{
    padding-top:15px;
}

.alternateColors > .attributes > .autogrid_grid:nth-child(odd){
    background:#69665d;
    color:#fff;
}

.alternateColors .autogrid_grid:nth-child(odd) a.hyperlink_txt{
    color:#fff;
}

.alternateColors .autogrid_grid:nth-child(even) a.hyperlink_txt{
    color:#555;
}

.alternateColors .autogrid_grid:nth-child(even){
    background:#e3e4e4;
}

#datenschutz h2,
#datenschutz h3,
#datenschutz h4,
#datenschutz h5{
    font-size:18px;
    margin-bottom:15px;
}

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

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

/* CSS hier */

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

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

#custom-bottom{
    width: 100%;
    margin-top: 45px;
    background-color: #454436;
}

#custom-bottom .center {
    text-align: center;
    padding: 5px 0px;
}

#custom-bottom a{
    font-size: 0.85714em;
    line-height: 1.83333em;
    text-decoration: none;
    color: white;
    margin-right: 15px;
}

/***** 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: "Titillium Web";
  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;
}

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

/***** Suche *****/

.search-content input{
    padding:40px 20px;
}

.header .mod_search{
    display:none;
}

.fa.fa-search{
    color:#B6B2A7;
}

.mod_search .even{
    background:rgba(0,0,0,0.05);
}

.mod_search .even,
.mod_search .odd{
    padding:20px 10px;
}

.mod_search h3,
.mod_search h3 a{
    color:#3a3a3a;
}

mark.highlight{
    background-color:unset!important;
    color:#3a3a3a;
    padding:0px 2px;
    font-weight:bold;
}

.mod_search button.submit{
    padding:11.7px 20px;
}

/***** Suche 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: #B6B2A7!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 */

}

/*** Large Tablet 890px ***/
@media (max-width:890px){
 
    #contentwrapper{
        margin-top:10px;
    }
  
  }


/*** 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 {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }


    #contentwrapper {
        margin-top: 0px!important;
    }

    #mmenu #mmenu_top {
        padding: 30px 20px;
    }

    .autogrid_grid .column,
    .column[class*=col_]{
        padding:20px!important;
    }

    .autogrid_grid .column.align_right_top {
        padding: 0px!important;
        margin-top: -30px!important;
    }

    .autogrid_grid .column.align_right_top .m_50_50{
        -ms-grid-columns: calc(100% - 10px);
        grid-template-columns: calc(100% - 10px);
    }

    .autogrid_grid .column.align_right_top a:last-child{
        margin-top:10px;
    }

    body.mmenu_open #header,
    #header{
        background:#fff;
    }

    .autogrid_grid .column.align_right_top {
        margin-right: 20px;
    }

    #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,
    s.ce_iconbox_header .contentwrap,
    .mod_pageimage .container {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

}

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

    h2, .h2 {
        font-size: 22px;
    }

    body.safari .ce_linkbox.version5 .content{
        padding-left:15px;
        padding-right:15px;
    }

}

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

	.mod_privacy_optin h2{
		font-size:20px;
	}
	

    body.home .container {
        padding: 30px!important;
    }

	br {
  		content: ' ';
	}

	br:after {
  		content: ' ';
	}

    h1, .h1{
        font-size:26px;
    }

    h2, .h2{
        font-size:22px;
    }

    .autogrid_grid .column, .column[class*=col_] {
        padding: 5px!important;
    }
}
    

/*** Mobile M 375px ***/
@media (max-width:375px){
 
  /* CSS hier */

}

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

}