/*--------------------------------------------------------------
# General
Diese Datei wird noch einmal wiederholt zur Innenansicht im WYSIWYG rte_ckeditor
Pfad:
/typo3_src-xx.x.xx/typo3/sysext/rte_ckeditor/Resources/Public/contents.css
--------------------------------------------------------------*/

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


@font-face
{

  font-family: "IcoFont";
font-weight: normal;
font-style: "Regular";
src: url("/fileadmin/sws/fonts/icofont/icofont.woff2") format("woff2"),
url("/fileadmin/sws/fonts/icofont/icofont.woff") format("woff");
}

[class^="icofont-"], [class*=" icofont-"]
{
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}


.bmo {display:none;}

@media (max-width: 992px) {

.bmo {display: inline;}
.bdto {display: none;}

}
 .break_fullscreen {
  max-width: 1800px;
  display:block;
  margin: auto;
}
@media (max-width: 2300px) {
  .break_fullscreen {
    max-width: 1600px;
    padding:0 10px 0 40px;
  }
}

@media (max-width: 1880px) {
  .break_fullscreen {
    max-width: 1400px;
    padding:0 10px 0 140px;
  }
}

@media (max-width: 1650px) {
  .break_fullscreen {
    max-width: 1350px;
    padding:0 10px 0 140px;
  }
}

@media (max-width: 1400px) {
.break_fullscreen {
  max-width: 940px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding:0 10px 0 100px;
}
}

@media (max-width: 1080px) {
.break_fullscreen {
  max-width: 760px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding:0 10px 0 20px;
}
}

.text-justify {text-align: justify;}
.text-left {text-align: left;}
.text-right {text-align: right;}


.align-center {text-align: center;}
.upper {text-transform: uppercase;}
.center,.align-center {text-align: center;}
.small {font-size: 0.6em;
  line-height:1em!important;
}
.xl {font-size: 1.2em;}
.xxl {font-size: 1.4em;}
.xxxl {font-size: 1.6em;}
.xxxxl {font-size: 1.8em;}
.xxxxxl {font-size: 2em;}
.fett1 {font-weight: 300;}
.fett2 {font-weight: 600;}
.fett3 {font-weight: 900;}
h1 {font-weight: 800;}



.grau {color:var(--color7)}
.textrot,.text-rot,.text_rot {color:var(--color6)}
.textorange,.text-orange,.text_orange {color:var(--color4);}
.textblau,.text-blau,.text_blau {color:var(--color3)}
.textgruen,.text-gruen,.text_gruen {color:var(--color2)}
.weiss,.white {color:#fff; }
.black,.schwarz {color:#000; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.92);}
.text_black {color: #000!important;}
.text_white {color: #fff!important;}
.yellow_marker {background-color:#F28705;color:#fff;padding:2px;white-space: nowrap;}
.weiss_marker {background-color:rgba(255,255,255,0.8);color:#000;}
.schwarz_marker {background-color:rgba(0,0,0,0.8);color:#fff;}



.hand, .handwrite {font-family: Caveat, cursive!important; }
.handbig {font-family: 'Caveat', cursive!important;}
.hand a {font-family: 'Caveat', cursive!important;}






  .external-link:before {
  font-family: "IcoFont";
  content: "\ef1f";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;
  white-space: nowrap;
  color:#000;

  }
  .internal-link:before {
  font-family: "icofont";
  content: "\ef71";
  display: inline-block;
  padding-right: 2px;
  vertical-align: top;
  text-decoration: none;
  white-space: nowrap;
  color:#000;

  }

  .download:before {
  font-family: "IcoFont";
  content: "\ef08";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;
  color:#000;

  }

  .mehr-erfahren-link:before {
  font-family: "IcoFont";
  content: "\ea7c";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;
  color:#000;

  }
  .zurueck-link:before {
  font-family: "icofont";
   content: "\ea5c";
   display: inline-block;
   padding-right: 5px;
   vertical-align: middle;
   color:#000;

  }

  .link-liste-pfeil:before {
  font-family: "IcoFont";
  content: "\ea5d";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }

  .link-share:before {
  font-family: "IcoFont";
  content: "\efe5";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }

  .click-me-cursor {
    background-color: #E0E4E3;
    border: none;
    color: #000!important;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 5px;
    background-image:url(/fileadmin/sws/img/icons/click.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 25px 25px;
  }

  .click-me-cursor:hover {
color:#B8525A!important;
text-decoration: none;
  }


  .link-mail:before {
  font-family: "IcoFont";
  content: "\ef88";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }
  .link-telefon:before {
  font-family: "IcoFont";
  content: "\efbb";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }

  .link-xing:before {
  font-family: "IcoFont";
  content: "\ed87";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }
  .twitter:before {
  font-family: "IcoFont";
  content: "\ed7a";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }
  .facebook:before {
  font-family: "IcoFont";
  content: "\ed37";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }
  .youtube:before {
  font-family: "IcoFont";
  content: "\ecbb";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }
  .windows:before {
  font-family: "IcoFont";
  content: "\e959";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }
  .android:before {
  font-family: "IcoFont";
  content: "\e8a4";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }
  .whatsapp:before {
  font-family: "IcoFont";
  content: "\e957";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }




  .apple:before {
  font-family: "IcoFont";
  content: "\e8a7";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;
  color:#000;
  }
  .linux:before {
  font-family: "IcoFont";
  content: "\e900";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;
  color:#000;
  }
  .ebay:before {
  font-family: "IcoFont";
  content: "\e8cb";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;
  color:#000;
  }
  .amazon:before {
  font-family: "IcoFont";
  content: "\e8a1";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;
  color:#000;
  }
  .bank:before {
  font-family: "IcoFont";
  content: "\e900";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;
  color:#000;
  }
  .link-law:before {
  font-family: "IcoFont";
  content: "\ebc0";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }
  .link-computer:before {
  font-family: "IcoFont";
  content: "\eeee";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }
  .link-location:before {
  font-family: "IcoFont";
  content: "\ef79";
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  text-decoration: none;  color:#000;

  }

  .warn:before {
font-family: "IcoFont";
content: "\f026";
display: inline-block;
padding-right: 5px;
vertical-align: top;
text-decoration: none;  color:#000;

}


  .divider {
  height:10px;
  width: 100%;

}
.kastenschatten {
width: 99%;
padding: 20px 20px 20px 20px ;
margin: 20px 20px 20px 20px;
background-size: 60px 60px;
background-position: 5px 5px;
background-repeat: no-repeat;
display: block;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-bottom: 10px;
-webkit-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px -6px;
  border-radius: 15px;
}

.emoji-monokel {
  width: 99%;
	padding: 20px 20px 20px 80px ;
	margin: 20px 20px 20px 20px;
  background-image: url(/fileadmin/sws/img/icons/emoji-monokel.png);
	background-size: 60px 60px;
	background-position: 10px 25px;
	background-repeat: no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 10px;
	border:1px solid #cecece;
  border-radius: 15px;
}

.emoji-lachend {
  width: 99%;
	padding: 20px 20px 20px 80px ;
	margin: 20px 20px 20px 20px;
  background-image: url(/fileadmin/sws/img/icons/emoji-lachend.png);
	background-size: 60px 60px;
	background-position: 10px 25px;
	background-repeat: no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 10px;
	border:1px solid #cecece;
  border-radius: 15px;
}

.kastenrandbirne {
	width: 99%;
	padding: 20px 20px 20px 70px ;
	margin: 20px 20px 20px 20px;
  background-image: url(/fileadmin/sws/img/icons/bulb-alt.svg);
	background-size: 60px 60px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 10px;
	border:1px solid #cecece;
  border-radius: 15px;
}
.kastenranddownload {
  width: 99%;
  max-width: 99%;
  padding: 20px 20px 20px 100px ;
	margin: 20px 20px 20px 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-bottom: 10px;
	border:1px solid #ccc;
  background-image: url(/fileadmin/sws/img/icons/download.svg);
  background-size: 60px 60px;
  background-position: 10px 15px;
  background-repeat: no-repeat;
  border-radius: 15px;

}

.kastenrand {
  width: 99%;
  max-width: 99%;
  padding: 20px 20px 20px 20px ;
	margin: 20px 20px 20px 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-bottom: 10px;
	border:1px solid #ccc;
  border-radius: 15px;


}


.kastenrandklammer {
	width: 99%;
	padding: 20px 20px 20px 70px ;
	margin: 20px 20px 20px 20px;
  background-image: url(/fileadmin/sws/img/icons/clip.svg);
	background-size: 60px 60px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 10px;
	border:1px solid #cecece;
  border-radius: 15px;
}

.kastenrandstoerer {
	width: 99%;
	padding: 20px 20px 20px 240px ;
	margin: 20px 20px 20px 20px;

	background-repeat: no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 10px;
	border:1px solid #cecece;
  border-radius: 15px;
}

@media (max-width: 576px) {
.kastenrandstoerer {
  padding: 20px 20px 20px 80px;
}
}

.kastenrandcheckbox {
	width: 99%;
	padding: 20px 20px 20px 70px ;
	margin: 20px 20px 20px 20px;
  background-image: url(/fileadmin/sws/img/icons/checked.svg);
	background-size: 60px 60px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 10px;
	border:1px solid #cecece;
  border-radius: 15px;
}

.kastenrandzitat {
	width: 99%;
	padding: 20px 20px 20px 70px ;
	margin: 20px 20px 20px 20px;
  background-image: url(/fileadmin/sws/img/icons/quote-right.svg);
	background-size: 60px 60px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 10px;
	border:1px solid #cecece;
  border-radius: 15px;
}

.kastenrandexternerlink {
	width: 99%;
	padding: 20px 20px 20px 80px ;
	margin: 20px 20px 20px 20px;
  background-image: url(/fileadmin/sws/img/icons/external-link.svg);
	background-size: 60px 60px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 10px;
	border:1px solid #cecece;
  border-radius: 15px;
}

.kastenroterrand {
	width: 99%;
  padding: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-bottom: 10px;
	border:1px solid red;
  border-radius: 15px;
}

 /* KÄSTEN HÄLFTE DRITTEL */
.kastenhaelfte {
	width: 49%;
  padding: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-bottom: 10px;
  background-color: rgba(255, 0, 0, 0.1);
}
@media (max-width: 992px) {
.kastenhaelfte {
  width:99%;
}
}
.main .kastenhaelfte {
  background-color: rgba(256, 256, 256, 1);
}
.kasteneindrittel {
  background-color: rgba(0, 255, 0, 0.1);
}
.kasteneindrittel {
	width: 33%;
  padding: 0px;
  display: block;
  text-align: left;
  margin-bottom: 10px;
  float: left;
}
@media (max-width: 992px) {
.kasteneindrittel {
  width:99%;
}
}
.main .kasteneindrittel {
  background-color: rgba(256, 256, 256, 1);
}


/* BOX DASHED */

.kastenbaustelle { background-image: repeating-linear-gradient(-60deg, #d5d5d5, #d5d5d5 10px, transparent 10px,
  transparent 11px, #d5d5d5 11px), repeating-linear-gradient(30deg, #d5d5d5, #d5d5d5 10px, transparent 10px, transparent 11px, #d5d5d5 11px), repeating-linear-gradient(120deg, #d5d5d5, #d5d5d5 10px, transparent 10px, transparent 11px, #d5d5d5 11px), repeating-linear-gradient(210deg, #d5d5d5, #d5d5d5 10px,
     transparent 10px, transparent 11px, #d5d5d5 11px); background-size: 10px 100%, 100% 10px, 10px 100% , 100% 10px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat;
     width: 99%;
     padding: 20px 20px 20px 20px ;
     margin: 20px 20px 20px 20px;
     display: block;
     margin-left: auto;
     margin-right: auto;
     text-align: left;
     margin-bottom: 10px;
}

.kastenbaustelle_orange

 { background-image: repeating-linear-gradient(-60deg, #ff864c, #ff864c 10px, transparent 10px, transparent 17px, #ff864c 17px), repeating-linear-gradient(30deg, #ff864c, #ff864c 10px, transparent 10px, transparent 17px, #ff864c 17px),
    repeating-linear-gradient(120deg, #ff864c, #ff864c 10px, transparent 10px,
    transparent 17px, #ff864c 17px), repeating-linear-gradient(210deg, #ff864c, #ff864c 10px, transparent 10px, transparent 17px, #ff864c 17px); background-size: 10px calc(100% + 34px), calc(100% + 34px) 10px, 10px calc(100% + 34px),
    calc(100% + 34px) 10px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat;
    animation: borderAnimation 1s infinite linear;

    width: 99%;
    padding: 20px 20px 20px 20px ;
    margin: 20px 20px 20px 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 10px;
  }

  @keyframes borderAnimation { from { background-position: 0 0, -34px 0, 100% -34px, 0 100%; } to { background-position: 0 -34px, 0 0, 100% 0, -34px 100%; } }


  .kastenrandbulb {
  	width: 99%;
  	padding: 20px 20px 20px 80px ;
  	margin: 20px 20px 20px 20px;
    background-image: url(/fileadmin/sws/img/icons/bulb-alt.svg);
  	background-size: 60px 60px;
  	background-position: 5px 5px;
  	background-repeat: no-repeat;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: left;
  	margin-bottom: 10px;
  	border:1px solid #cecece;
  }

  .kastenrandklammer {
  	width: 99%;
  	padding: 20px 20px 20px 80px ;
  	margin: 20px 20px 20px 20px;
    background-image: url(/fileadmin/sws/img/icons/clip.svg);
  	background-size: 60px 60px;
  	background-position: 5px 5px;
  	background-repeat: no-repeat;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: left;
  	margin-bottom: 10px;
  	border:1px solid #cecece;
  }

  .kastenrandcheckbox {
  	width: 99%;
  	padding: 20px 20px 20px 80px ;
  	margin: 20px 20px 20px 20px;
    background-image: url(/fileadmin/sws/img/icons/checked.svg);
  	background-size: 60px 60px;
  	background-position: 5px 5px;
  	background-repeat: no-repeat;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: left;
  	margin-bottom: 10px;
  	border:1px solid #cecece;
  }

  .kastenrandquote {
  	width: 99%;
  	padding: 20px 20px 20px 80px ;
  	margin: 20px 20px 20px 20px;
    background-image: url(/fileadmin/sws/img/icons/quote-right.svg);
  	background-size: 60px 60px;
  	background-position: 5px 5px;
  	background-repeat: no-repeat;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: left;
  	margin-bottom: 10px;
  	border:1px solid #cecece;
  }


.ce-div,hr {
  width:100%;
  height:1px;
  background-color: #ccc;
}
p code {
  font-size: 1em;
  color: #000;
  word-wrap: break-word;
  background-color: rgba(255, 255, 255, 0.5);
}