@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");




/*

    ROT: b61918


	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	HAKGOLD: d0bd8c 
	GELB: d0bd8c 

    font-family: 'Courgette', cursive;
    font-family: 'Nunito', sans-serif;
    font-family: 'Satisfy', cursive;

	.durchzaehler:nth-child(5),
	.durchzaehler:nth-child(9),
	.durchzaehler:nth-child(13),
	.durchzaehler:nth-child(17),
	.durchzaehler:nth-child(21),
	.durchzaehler:nth-child(25),
	.durchzaehler:nth-child(29) {
		clear: both;
	}
 

*/

main .landingpagelayout.frame-layout-3 .frame {
    margin-bottom:40px;
    padding:20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    box-shadow: 2px 2px 10px rgba(18,18,18,0.20);  
}
main .frame-layout-0 .ce-right .ce-gallery,
main .frame-layout-1 .ce-right .ce-gallery,

main .frame-layout-0 .ce-left .ce-gallery,
main .frame-layout-1 .ce-left .ce-gallery {
    max-width: 40%;
}
main .frame-layout-1 {
    background:#E0E0E0;
}
main .frame-layout-0,
main .frame-layout-1 {
    padding:20px;
 	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;    
}
/* schiaches Rundes Bild*/
main figure {
    /*border-radius:100%;
    overflow: hidden;
    display: block;
    box-shadow: 2px 2px 10px rgba(18,18,18,0.20);
    */
}
main figure {
    box-shadow: 2px 2px 10px rgba(18,18,18,0.20);
    
}


.row {
    width:100%;
    position: relative;
    float: left;
}

.paddinger {
	padding:0 30px;
}

.powermail_form .col-1, .powermail_form .col-2, .powermail_form .col-3, .powermail_form .col-4, .powermail_form .col-5, .powermail_form .col-6, .powermail_form .col-7, .powermail_form .col-8, .powermail_form .col-9, .powermail_form .col-10, .powermail_form .col-11, .powermail_form .col-12, .powermail_form .col, .powermail_form .col-auto, .powermail_form .col-sm-1, .powermail_form .col-sm-2, .powermail_form .col-sm-3, .powermail_form .col-sm-4, .powermail_form .col-sm-5, .powermail_form .col-sm-6, .powermail_form .col-sm-7, .powermail_form .col-sm-8, .powermail_form .col-sm-9, .powermail_form .col-sm-10, .powermail_form .col-sm-11, .powermail_form .col-sm-12, .powermail_form .col-sm, .powermail_form .col-sm-auto, .powermail_form .col-md-1, .powermail_form .col-md-2, .powermail_form .col-md-3, .powermail_form .col-md-4, .powermail_form .col-md-5, .powermail_form .col-md-6, .powermail_form .col-md-7, .powermail_form .col-md-8, .powermail_form .col-md-9, .powermail_form .col-md-10, .powermail_form .col-md-11, .powermail_form .col-md-12, .powermail_form .col-md, .powermail_form .col-md-auto, .powermail_form .col-lg-1, .powermail_form .col-lg-2, .powermail_form .col-lg-3, .powermail_form .col-lg-4, .powermail_form .col-lg-5, .powermail_form .col-lg-6, .powermail_form .col-lg-7, .powermail_form .col-lg-8, .powermail_form .col-lg-9, .powermail_form .col-lg-10, .powermail_form .col-lg-11, .powermail_form .col-lg-12, .powermail_form .col-lg, .powermail_form .col-lg-auto, .powermail_form .col-xl-1, .powermail_form .col-xl-2, .powermail_form .col-xl-3, .powermail_form .col-xl-4, .powermail_form .col-xl-5, .powermail_form .col-xl-6, .powermail_form .col-xl-7, .powermail_form .col-xl-8, .powermail_form .col-xl-9, .powermail_form .col-xl-10, .powermail_form .col-xl-11, .powermail_form .col-xl-12, .powermail_form .col-xl, .powermail_form .col-xl-auto  {
	max-width: 100% !important;	
}


.vidrahmen {
   	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    padding:20px;
}

.vidrahmen .frame {
   	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    padding:20px;
    box-shadow: 2px 2px 8px rgba(75,75,75,1.00);
   
}


main a {color:#b61918 !important;}

/*Partnerliste*/
#c3 ul li {
	list-style: none;
	background:#b61918;
	width:17%;
	padding:2%;
	margin:2%;
	color: #FFFFFF;
	min-height: 100px;
	float: left;
}

.unterseite .inhalt {
	background:rgba(255,255,255,0.80);
	position: relative;
    float: left;
	padding:40px 0;
}
header {
	background:rgba(255,255,255,0.80);
	padding:6px 0 0 0;
	position: relative;
	float: left;
	width:100%;
}
header .ce-gallery figure {
	margin:0;
}

footer header {
	background:none;
}
footer h4 {
	font-weight: bold;
}

body {
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	width: 100%;
	color: #000;
	z-index: 1;
	background-color: #dadada;
	background:url("/fileadmin/user_upload/hintergrund/sadiki-background.jpg") bottom fixed;
	background-size:cover;

}
p {
	font-size:14px;	
}

main h3 {
	font-size:17px;
	color:#b61918;
}
main .frame-default {
    width: 100%;
    position: relative;
    float: left;
}

main label,
main .ce-bodytext,
main p {
	font-size: 15px; 
	color:#000000;
}

.startseite main .ce-gallery img {

    display: block;
    width: 100%;
    height: auto;

}
.startseite main h3 {
	font-size:17px;
}

.startseite .sadikisuper h3 {

    font-size: 17px;
    min-height: 65px;
    background:#b61918;
	color:#FFFFFF;
    padding: 7px 11px;

}
.startseite .sadikisuper p {
	font-size: 12px;
}

.startseite main .sadikisuper a {

    text-decoration: none;
    background:#b61918;
	color:#FFFFFF !important;
    padding: 7px 11px;
	display: inline-block;
}
.startseite main .sadikisuper #c20 a {

    text-decoration: none;
    background:#FFFFFF !important;
	color:#b61918 !important;
    padding: 7px 11px;
	display: inline-block;
}


.linkerfooter ul {
	margin: 0;
}
.linkerfooter ul li {
    list-style: none;
    float: left;
    margin: 0 6px 6px 0;
}

.linkerfooter ul li a {
    color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	background:#b61918;
    display: inline-block;
    padding: 2px 5px;
}

main {
    padding-top: 20px;
    padding-bottom: 20px;
}

.sadikisuper .news {
    margin: 0px 0 30px 0;
}

.news {
	background:#b61918;
}
.sadikisuper .news h3 {
    font-size: 30px !important;
    font-weight: bold;
    padding: 10px 9px 8px 0;
    min-height: inherit;
}
.news h4 {
	color:#FFFFFF !important;
	font-size:16px;
}

#c10,
.startseite .sadikisuper {
	margin:120px 0 60px;
	background: rgba(255,255,255,0.80);
	padding:30px 30px 0 10px;
}
#c10 {
    padding: 30px;
    margin-top: 40px;
    position: relative;
    float: left;
}
header .black  {background: #000; max-height: 70px;}  

.menue, .logo {
    display: block;
    height: auto;
    margin-top: 0;
    width: auto;
    position: relative;
    float: left;
}
.logo {
	padding:0 30px 0 0;
}




.black  {background: #000; }  
.fixed {position: fixed;}




.schwarz .paddinger,
.schwarz .paddinger {margin: 2% 0;}
.schwarz {background: #000; float: left; position: relative; width: 100%; margin:5% 0;}
.schwarz .ce-bodytext {color:#000;}



.gelb .paddinger,
.gelb .paddinger {margin: 2% 0;}
.gelb {background: #f4ca08; float: left; position: relative; width: 100%; margin:5% 0;}



.grau .paddinger,
.grau .paddinger {margin: 2% 0;}
.grau {background: #565555; float: left; position: relative; width: 100%;}
.grau .ce-bodytext {}


.animation .flexslider {   background: #000;}

.headlinepaket {font-size: 20px; color:#e30520; }
.pakete .paddinger {margin:20px;}


.shadow {box-shadow: 0 8px 6px -6px black;}
.footer {margin: 50px 0; float: left;
width: 100%;}

.rot {background: #e30520; float: left; position: relative; width: 100%;}
main h1 {margin-bottom: 60px;}
.grau {background: #777; float: left; position: relative; width: 100%;}
.hellgrau {background: #f8f8f8; float: left; position: relative; width: 100%; }
main .hellgrau {margin:60px 0;}
.hellgraufooter {background: #f8f8f8; float: left; position: relative; width: 100%; }
.white {background: #fff; float: left; position: relative; width: 100%;}
.header .white  {border-bottom: 3px solid #2a5d9c; }


.social {width: 50%; float: right; position: relative;}

.sadikinifooter,
.topmenu { 
	position: relative;
float: left;
width:100%;}
.fixed {
    position: fixed !important;
    z-index: 10000000;

}




.animation .ce-bodytext p {font-size: 40px;}

.imagefotos .ce-gallery img {width: 100% !important; padding:0 !important; margin:0 !important;}
.imagefotos {margin: 20px 0; float: left; width: 100%;}


.mm-navbar, .mm-panels { border-right: 1px solid #575757 !important;}

.header img {width:auto !important;}
main .ce-column {
 
    margin-bottom: 20px;
}

.mm-navbar_tabs > a:not(.mm-navbar__tab_selected), .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) {
	background: rgba(255,255,255,.4) !important; }


.frame-custom-20 a {background: #fff; border-radius: 4px; color: #bababa; padding: 5px 14px;}
.col-md-6 .paddinger {margin:0 !important;}
.col-md-3 .paddinger {margin:0 !important;}
.col-md-4  .paddinger {margin:0 !important;}

.infos {width: 30%; position: relative; float: left;}
.seiteninhalt {width: 70%; position: relative; float: left; border-left: 1px solid #565555;}

.orangefixed {
	position: fixed;
	top:0px;
	width:100%;
	z-index: 100;
}
.mobieposition {display: none;}



.mobieposition a {color:#000 !important;}



main .aktuelles .ce-bodytext {background:#e5007d; padding:3%; border-radius: 6px; }
main .aktuelles p {color: #fff;}
.frame-custom-20 img {border-radius: 180px;}
.frame-custom-20 .ce-gallery[data-ce-columns="1"] .ce-column { width: 100%;}
.frame-custom-20 .ce-gallery figure {display: block !important;}

main a {

    text-decoration: none;

}
main ul li {
    list-style: circle;
  
}

main {margin: 1.5% 0;  float: left; width: 100%;}








.probe .animation .ce-bodytext p {
background-image: url('images/knopf.png');
background-position: 10px 12px;
	background-repeat: no-repeat;}


.animation .ce-bodytext {
    bottom: 10%;
    position: absolute;
    text-align: center;
    width: 100%;
}

.animation h2 {
	background: #e30520 none repeat scroll 0 0;
	color: #fff;
	display: inline;
	float: inherit;
	font-size: 50px;
	font-weight: normal !important;
	padding: 10px 30px;
	width: auto;
	border-radius: 6px;
	text-transform: uppercase;

}

.animation {border-bottom: 0px solid #2a5d9c !important;} 



.hunderter .megazeil,
.hunderter .ce-column, 
.hunderter .ce-row,
.hunderter .ce-gallery,
.hunderter .ce-textpic,
.hunderter .image { width: 100% !important;}

.hunderter .container {padding: 0 !important;}




.menufont  {	font-family: 'Oxygen', sans-serif !important;     font-size: 17px; margin-top: 3px;}  
.mobieposition {font-size: 23px; }
.mobieposition a {float: left; }
.mobieposition p {position: absolute; left: 39px; top: 9px;}

.page {float: left; width: 100%; position: relative;}



.mobieposition {

padding: 5px 6px 7px 13px;
	background: rgba(255,255,255,0.90);
 
}
.header {float: left; width: 100%; position: relative;}
.header .orange {margin-top: 20px;}
.header .paddinger {margin:0; padding: 0;}



.tx-powermail h3 {display: none;}

.headline  h1 {

    font-size: 40px;
    line-height: 1.0416666667;
    font-weight: 500;
    letter-spacing: .006em;
    text-align: center;
    text-transform: uppercase;
	position: absolute;
	top:40px;
	

}

.unterseite main {
    float: left;
    width: 100%;
	 padding-top: 108px !important;
}



h5 {margin-top: 24px !important;}
.animation .ce-textpic,
.animation .ce-row,
 .animation .ce-gallery {
    width: 100% !important;
}
 .animation .ce-gallery figcaption {
position: absolute; bottom:40px; z-index: 10000; text-align: center; background: rgba(255,255,255,0.7); width:100%; font-size: 24px;
}
 .animation .ce-gallery img {
    min-width: 100% !important;
     float: left;
     position: relative;
     display: table-cell;
}

 .animation .ce-gallery figure {
    display: table;
    margin: 0;
    width: 100%;
}

.animation li .ce-textpic {
    width: 100%;
    position: relative;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}



.inhalt .ce-right .ce-gallery {
    float: right;
    display: inline-block;
    position: relative;
    overflow: hidden !important;
 
	margin-left: 3%;
}



.shadow     {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.inhaltrechts .image   {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}


.left .ce-bodytext p {text-align: center;}
.left .ce-gallery .ce-column {       padding: 0 5px 25px 5px;      border-radius: 8px;}
.left .frame-space-before-medium {margin-top: 6% !important;}

.facebook p {color:#fff;}
.facebook i {float: left; width:30px; color:#fff; font-size: 24px;}
.facebook .container {width: 80%; float: left;}
.facebook a {color:#fff;}
.facebook .fb {padding: 20px 0;} 
.facebook .ce-bodytext p {    margin: 0 0 20px 0; }

.animation .flex-control-nav {    width: 100%;
    position: absolute;
    bottom: -2px;
    text-align: center;
    z-index: 1000;
}




.animation .flexslider {
max-height: 300px;
    margin: 0 !important;
    padding: 0 !important;
	border:none !important;

}

.startseite .animation .flexslider {
	max-height: inherit !important;}



/************************/
/*Sidebar Formatierungen*/
/************************/

.sidebar {
	position: fixed;
	height: 100%;
	width:300px;
	z-index: 500;
	right:-250px;
	transition: all ease 1s;
	z-index: 500000000;
}
.sidebarshow {
	right:0;
	transition: all ease 1s;
}
.sidebarclicker {
	position: absolute;
	top:20%;
	background: #f9b114;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width:80px;
}
.sidebarclicker a {
	padding:20px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	border-radius:0 0 10px 10px;
}
.sidebarcontent {
	position: relative;
	float: right;
	width:250px;
	height: 100%;
	background: #f9b114;
}
.sidebarcontent .tx-powermail h3 {display: none;}

/************************/
/*Sidebar Formatierungen*/
/************************/

.ansprechpartner  li a:hover {   color: #fff;   background-color: #2c3e47;
}


.frame-custom-22 img {border-radius: 180px;}
.frame-custom-22 .ce-gallery[data-ce-columns="1"] .ce-column { width: 100%;}
.frame-custom-22 .ce-gallery figure {display: block !important;}



.social .ce-right .ce-gallery {
    display: block;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    float: right;
}


.social .ce-column {
    margin-left: 4%;
    width: 29% !important;
    float: left;
    margin-top: 3px;
}



.mobilelogo { float: right;}
.mobilelogo li {list-style: none !important;}



main .ce-media img, main .ce-media, main figure {
    float: left;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    transform: scale(1);
    transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    width: 100%;
}
main .ce-media:hover img, main figure:hover img {
    transform: scale(1.1);
    transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}


main .csc-textpic .csc-textpic-imagewrap img {
	
	   float: left;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    transform: scale(1);
    transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    width: 100%;
}
	
main .csc-textpic .csc-textpic-imagewrap img {
    transform: scale(1.1);
    transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

main .csc-textpic .csc-textpic-imagewrap:hover 
{
    transform: scale(1.1);
    transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}