div.olMap {
    z-index: 0;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default;
}

div.olMapViewport {
    text-align: left;
    -ms-touch-action: none;
}

div.olLayerDiv {
   -moz-user-select: none;
   -khtml-user-select: none;
}

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;
}
.olLayerGoogleV3.olLayerGoogleCopyright {
    right: auto !important;
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;
}
.olLayerGoogleV3.olLayerGooglePoweredBy {
    bottom: 15px !important;
}
/* GMaps should not set styles on its container */
.olForeignContainer {
    opacity: 1 !important;
}
.olControlAttribution {
    font-size: smaller;
    right: 3px;
    bottom: 4.5em;
    position: absolute;
    display: block;
}
.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}
.olControlScaleLine {
   display: block;
   position: absolute;
   left: 10px;
   bottom: 15px;
   font-size: xx-small;
}
.olControlScaleLineBottom {
   border: solid 2px black;
   border-bottom: none;
   margin-top:-2px;
   text-align: center;
}
.olControlScaleLineTop {
   border: solid 2px black;
   border-top: none;
   text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
}

div.olControlMousePosition {
    bottom: 0;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
}

.olControlOverviewMapContainer {
    position: absolute;
    bottom: 0;
    right: 0;
}

.olControlOverviewMapElement {
    padding: 10px 18px 10px 10px;
    background-color: #00008B;
    -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton,
.olControlOverviewMapMaximizeButton {
    height: 18px;
    width: 18px;
    right: 0;
    bottom: 80px;
    cursor: pointer;
}

.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url("img/blank.gif");
    cursor: move;
    border: 2px dotted red;
}
.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    background-image: url("img/overview_replacement.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.olLayerGeoRSSDescription {
    float:left;
    width:100%;
    overflow:auto;
    font-size:1.0em;
}
.olLayerGeoRSSClose {
    float:right;
    color:gray;
    font-size:1.2em;
    margin-right:6px;
    font-family:sans-serif;
}
.olLayerGeoRSSTitle {
    float:left;font-size:1.2em;
}

.olPopupContent {
    padding:5px;
    overflow: auto;
}

.olControlNavigationHistory {
   background-image: url("img/navigation_history.png");
   background-repeat: no-repeat;
   width:  24px;
   height: 24px;

}
.olControlNavigationHistoryPreviousItemActive {
  background-position: 0 0;
}
.olControlNavigationHistoryPreviousItemInactive {
   background-position: 0 -24px;
}
.olControlNavigationHistoryNextItemActive {
   background-position: -24px 0;
}
.olControlNavigationHistoryNextItemInactive {
   background-position: -24px -24px;
}

div.olControlSaveFeaturesItemActive {
    background-image: url(img/save_features_on.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}
div.olControlSaveFeaturesItemInactive {
    background-image: url(img/save_features_off.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

.olControlPanPanel {
    top: 10px;
    left: 5px;
}

.olControlPanPanel div {
    background-image: url(img/pan-panel.png);
    height: 18px;
    width: 18px;
    cursor: pointer;
    position: absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
    top: 0;
    left: 9px;
    background-position: 0 0;
}
.olControlPanPanel .olControlPanSouthItemInactive {
    top: 36px;
    left: 9px;
    background-position: 18px 0;
}
.olControlPanPanel .olControlPanWestItemInactive {
    position: absolute;
    top: 18px;
    left: 0;
    background-position: 0 18px;
}
.olControlPanPanel .olControlPanEastItemInactive {
    top: 18px;
    left: 18px;
    background-position: 18px 18px;
}

.olControlZoomPanel {
    top: 71px;
    left: 14px;
}

.olControlZoomPanel div {
    background-image: url(img/zoom-panel.png);
    position: absolute;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
    top: 0;
    left: 0;
    background-position: 0 0;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top: 18px;
    left: 0;
    background-position: 0 -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
    top: 36px;
    left: 0;
    background-position: 0 18px;
}

/*
 * When a potential text is bigger than the image it move the image
 * with some headers (closes #3154)
 */
.olControlPanZoomBar div {
    font-size: 1px;
}

.olPopupCloseBox {
  background: url("img/close.gif") no-repeat;
  cursor: pointer;
}

.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;
}

.olControlNoSelect {
 -moz-user-select: none;
 -khtml-user-select: none;
}

.olImageLoadError {
    background-color: pink;
    opacity: 0.5;
    filter: alpha(opacity=50); /* IE */
}

/**
 * Cursor styles
 */

.olCursorWait {
    cursor: wait;
}
.olDragDown {
    cursor: move;
}
.olDrawBox {
    cursor: crosshair;
}
.olControlDragFeatureOver {
    cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    cursor: -moz-grabbing;
}

/**
 * Layer switcher
 */
.olControlLayerSwitcher {
    position: absolute;
    top: 25px;
    right: 0;
    width: 20em;
    font-family: sans-serif;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    font-size: smaller;
    color: white;
    background-color: transparent;
}

.olControlLayerSwitcher .layersDiv {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    background-color: darkblue;
}

.olControlLayerSwitcher .layersDiv .baseLbl,
.olControlLayerSwitcher .layersDiv .dataLbl {
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,
.olControlLayerSwitcher .layersDiv .dataLayersDiv {
    padding-left: 10px;
}

.olControlLayerSwitcher .maximizeDiv,
.olControlLayerSwitcher .minimizeDiv {
    width: 18px;
    height: 18px;
    top: 5px;
    right: 0;
    cursor: pointer;
}

.olBingAttribution {
    color: #DDD;
}
.olBingAttribution.road {
    color: #333;
}

.olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
    color: #EEE;
}
.olGoogleAttribution {
    color: #333;
}
span.olGoogleAttribution a {
    color: #77C;
}
span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
    color: #EEE;
}

/**
 * Editing and navigation icons.
 * (using the editing_tool_bar.png sprint image)
 */
.olControlNavToolbar ,
.olControlEditingToolbar {
    margin: 5px 5px 0 0;
}
.olControlNavToolbar div,
.olControlEditingToolbar div {
    background-image: url("img/editing_tool_bar.png");
    background-repeat: no-repeat;
    margin: 0 0 5px 5px;
    width: 24px;
    height: 22px;
    cursor: pointer
}
/* positions */
.olControlEditingToolbar {
    right: 0;
    top: 0;
}
.olControlNavToolbar {
    top: 295px;
    left: 9px;
}
/* layouts */
.olControlEditingToolbar div {
    float: right;
}
/* individual controls */
.olControlNavToolbar .olControlNavigationItemInactive,
.olControlEditingToolbar .olControlNavigationItemInactive {
    background-position: -103px -1px;
}
.olControlNavToolbar .olControlNavigationItemActive ,
.olControlEditingToolbar .olControlNavigationItemActive  {
    background-position: -103px -24px;
}
.olControlNavToolbar .olControlZoomBoxItemInactive {
    background-position: -128px -1px;
}
.olControlNavToolbar .olControlZoomBoxItemActive  {
    background-position: -128px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
    background-position: -77px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
    background-position: -77px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
    background-position: -51px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
    background-position: -51px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{
    background-position: -26px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
    background-position: -26px -24px;
}

div.olControlZoom {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(255,255,255,0.4);
    border-radius: 4px;
    padding: 2px;
}
div.olControlZoom a {
    display: block;
    margin: 1px;
    padding: 0;
    color: white;
    font-size: 18px;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 22px;
    width:22px;
    line-height: 19px;
    background: #130085; /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 60, 136, 0.5);
    filter: alpha(opacity=80);
}
div.olControlZoom a:hover {
    background: #130085; /* fallback for IE */
    background: rgba(0, 60, 136, 0.7);
    filter: alpha(opacity=100);
}
@media only screen and (max-width: 600px) {
    div.olControlZoom a:hover {
        background: rgba(0, 60, 136, 0.5);
    }
}
a.olControlZoomIn {
    border-radius: 4px 4px 0 0;
}
a.olControlZoomOut {
    border-radius: 0 0 4px 4px;
}


/**
 * Animations
 */

.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

/* Turn on GPU support where available */
.olTileImage {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

/* when replacing tiles, do not show tile and backbuffer at the same time */
.olTileReplacing {
    display: none;
}

/* override any max-width image settings (e.g. bootstrap.css) */
img.olTileImage {
    max-width: none;
}

 
#wrapper-10x .autocomplete {
  position:relative;
  font-size:12px;
  max-width:400px;
}  
#wrapper-10x .autocomplete ul,
#wrapper-10x .autocomplete li {
  list-style:none;
  margin:0;
  padding:0;
}
#wrapper-10x .autocomplete .autocomplete-list {
  position:absolute;
  top:100%;
  right:0;
  margin:0;
  padding:0;
  list-style:none;
  width:100%;
  background:#fff;
  z-index:100;
  color:#222;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  overflow:hidden;
}
#wrapper-10x .autocomplete .autocomplete-group {
  position:relative;
  border-bottom:1px solid #f1f1f1;
  padding:10px 0;
}
#wrapper-10x .autocomplete .autocomplete-group-header {
  position:absolute;
  top:16px;
  left:10px;
  font-weight:bold;
}
#wrapper-10x .autocomplete .autocomplete-item {
  background: inherit;
  border-bottom: 1px solid #e6e6e6;
  display: block;
  font-size: 14px !important;
  font-weight: normal;
  padding: 8px 8px 8px 19px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E %3Csvg xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://web.resource.org/cc/' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:svg='http://www.w3.org/2000/svg' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:ns1='http://sozi.baierouge.fr' id='Layer_1' enable-background='new 0 0 56.068 100' xml:space='preserve' viewBox='0 0 56.068 100' version='1.0' y='0px' x='0px' fill='%23AAAAAA' %3E%3Cpath d='m28.034 0c-15.482 0-28.034 12.552-28.034 28.034s28.034 71.966 28.034 71.966 28.034-56.483 28.034-71.966-12.551-28.034-28.034-28.034zm0 40.477c-6.871 0-12.442-5.572-12.442-12.442 0-6.872 5.571-12.442 12.442-12.442 6.872 0 12.442 5.57 12.442 12.442 0.001 6.87-5.57 12.442-12.442 12.442z' /%3E%3Cmetadata %3E%3Crdf:RDF %3E%3Ccc:Work %3E%3Cdc:format %3Eimage/svg+xml%3C/dc:format %3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Ccc:license rdf:resource='http://creativecommons.org/licenses/publicdomain/' /%3E%3Cdc:publisher %3E%3Ccc:Agent rdf:about='http://openclipart.org/' %3E%3Cdc:title %3EOpenclipart%3C/dc:title %3E%3C/cc:Agent %3E%3C/dc:publisher %3E%3Cdc:title %3EGoogle Places%3C/dc:title %3E%3Cdc:date %3E2011-12-27T11:22:53%3C/dc:date %3E%3Cdc:description /%3E%3Cdc:source %3Ehttps://openclipart.org/detail/166612/google-places-by-mrtossum%3C/dc:source %3E%3Cdc:creator %3E%3Ccc:Agent %3E%3Cdc:title %3EMrTossum%3C/dc:title %3E%3C/cc:Agent %3E%3C/dc:creator %3E%3Cdc:subject %3E%3Crdf:Bag %3E%3Crdf:li %3Elocation%3C/rdf:li %3E%3Crdf:li %3Epin%3C/rdf:li %3E%3Crdf:li %3Etag%3C/rdf:li %3E%3Crdf:li %3Emap%3C/rdf:li %3E%3Crdf:li %3EGUI%3C/rdf:li %3E%3Crdf:li %3Eicon%3C/rdf:li %3E%3Crdf:li %3Egraphic%3C/rdf:li %3E%3Crdf:li %3Einterface%3C/rdf:li %3E%3C/rdf:Bag %3E%3C/dc:subject %3E%3C/cc:Work %3E%3Ccc:License rdf:about='http://creativecommons.org/licenses/publicdomain/' %3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23Reproduction' /%3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23Distribution' /%3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23DerivativeWorks' /%3E%3C/cc:License %3E%3C/rdf:RDF %3E%3C/metadata %3E%3C/svg %3E");
  background-repeat:no-repeat;
  background-size:9px;
  background-position:6px 9px;
  cursor:pointer;  
  white-space:no-wrap;
  width:auto;
}
#wrapper-10x .autocomplete .autocomplete-item strong {
	color:#000;
}	
#wrapper-10x .autocomplete .autocomplete-item * {
  font-size: 13px !important;
}
#wrapper-10x .autocomplete-group .autocomplete-item {
  padding-left:100px;
}
#wrapper-10x .autocomplete .autocomplete-item.active,
#wrapper-10x .autocomplete .autocomplete-item:hover {
  background-color:#f6f6f6;	
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E %3Csvg xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://web.resource.org/cc/' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:svg='http://www.w3.org/2000/svg' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:ns1='http://sozi.baierouge.fr' id='Layer_1' enable-background='new 0 0 56.068 100' xml:space='preserve' viewBox='0 0 56.068 100' version='1.0' y='0px' x='0px' fill='%23d1471e' %3E%3Cpath d='m28.034 0c-15.482 0-28.034 12.552-28.034 28.034s28.034 71.966 28.034 71.966 28.034-56.483 28.034-71.966-12.551-28.034-28.034-28.034zm0 40.477c-6.871 0-12.442-5.572-12.442-12.442 0-6.872 5.571-12.442 12.442-12.442 6.872 0 12.442 5.57 12.442 12.442 0.001 6.87-5.57 12.442-12.442 12.442z' /%3E%3Cmetadata %3E%3Crdf:RDF %3E%3Ccc:Work %3E%3Cdc:format %3Eimage/svg+xml%3C/dc:format %3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Ccc:license rdf:resource='http://creativecommons.org/licenses/publicdomain/' /%3E%3Cdc:publisher %3E%3Ccc:Agent rdf:about='http://openclipart.org/' %3E%3Cdc:title %3EOpenclipart%3C/dc:title %3E%3C/cc:Agent %3E%3C/dc:publisher %3E%3Cdc:title %3EGoogle Places%3C/dc:title %3E%3Cdc:date %3E2011-12-27T11:22:53%3C/dc:date %3E%3Cdc:description /%3E%3Cdc:source %3Ehttps://openclipart.org/detail/166612/google-places-by-mrtossum%3C/dc:source %3E%3Cdc:creator %3E%3Ccc:Agent %3E%3Cdc:title %3EMrTossum%3C/dc:title %3E%3C/cc:Agent %3E%3C/dc:creator %3E%3Cdc:subject %3E%3Crdf:Bag %3E%3Crdf:li %3Elocation%3C/rdf:li %3E%3Crdf:li %3Epin%3C/rdf:li %3E%3Crdf:li %3Etag%3C/rdf:li %3E%3Crdf:li %3Emap%3C/rdf:li %3E%3Crdf:li %3EGUI%3C/rdf:li %3E%3Crdf:li %3Eicon%3C/rdf:li %3E%3Crdf:li %3Egraphic%3C/rdf:li %3E%3Crdf:li %3Einterface%3C/rdf:li %3E%3C/rdf:Bag %3E%3C/dc:subject %3E%3C/cc:Work %3E%3Ccc:License rdf:about='http://creativecommons.org/licenses/publicdomain/' %3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23Reproduction' /%3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23Distribution' /%3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23DerivativeWorks' /%3E%3C/cc:License %3E%3C/rdf:RDF %3E%3C/metadata %3E%3C/svg %3E") !important;
}
#wrapper-10x .autocomplete .autocomplete-item-last {
  font-weight:bold;
  text-align:center;
  padding:10px;
}

@media screen and (max-height:480px) and (max-width:480px) {
  /* a blunt check for mobile screens: they need bigger hit targets */
  #wrapper-10x .autocomplete .autocomplete-item {
    padding-top:12px;
    padding-bottom:12px;
  }
}

 
#wrapper-10x * {
 color:#4d4a4b;
}
#wrapper-10x {
	height:auto;
	display:flex !important;
	flex-direction:column;
	font-size:16px;
	line-height:18px;
}

#wrapper-10x .d-none {
	display:none !important;
}	
#wrapper-10x pre {
	font-size:11px;
	line-height:13px;
	background-color:#D6EAF7;
	padding:10px;
	box-sizing:border-box;
}	
#wrapper-10x .font-weight-bold {
	font-weight:bold;
}	
#wrapper-10x .font-weight-normal {
	font-weight:normal;
}	
#wrapper-10x .border {
	border:1px solid #eee;
}	
#wrapper-10x .border-top {
	border-top:1px solid #eee;
}	
#wrapper-10x .border-right {
	border-right:1px solid #eee;
}	
#wrapper-10x .border-bottom {
	border-bottom:1px solid #eee;
}	
#wrapper-10x .border-left {
	border-left:1px solid #eee;
}	
#wrapper-10x .text-left {
	text-align:left;
}	
#wrapper-10x .text-right {
	text-align:right;
}	
#wrapper-10x .text-center {
	text-align:center;
}	
#wrapper-10x .text-justify {
	text-align:justify;
}	
#wrapper-10x .overflow-hidden {
	overflow:hidden;
}	
#wrapper-10x .row {
	display:flex;
	flex-wrap:wrap;
	flex:0 0 100%;
	max-width:100%;
	padding:0.3rem 0;
}
#wrapper-10x .pb-0, .py-0 { padding-bottom: 0 !important; }
#wrapper-10x .pt-0, .py-0 { padding-top: 0 !important; }
#wrapper-10x .pb-1, .py-1 { padding-bottom:0.375rem !important; }
#wrapper-10x .pt-1, .py-1 { padding-top:0.375rem !important; }
#wrapper-10x .pb-2, .py-2 { padding-bottom:0.75rem !important; }
#wrapper-10x .pt-2, .py-2 { padding-top:0.75rem !important; }
#wrapper-10x .pb-3, .py-3 { padding-bottom:1.5rem !important; }
#wrapper-10x .pt-3, .py-3 { padding-top:1.5rem !important; }
#wrapper-10x .pb-4, .py-4 { padding-bottom:2.25rem !important; }
#wrapper-10x .pt-4, .py-4 { padding-top:2.25rem !important; }

#wrapper-10x .pl-0, .px-0 { padding-left: 0 !important; }
#wrapper-10x .pr-0, .px-0 { padding-right: 0 !important; }
#wrapper-10x .pl-1, .px-1 { padding-left:0.375rem !important; }
#wrapper-10x .pr-1, .px-1 { padding-right:0.375rem !important; }
#wrapper-10x .pl-2, .px-2 { padding-left:0.75rem !important; }
#wrapper-10x .pr-2, .px-2 { padding-right:0.75rem !important; }
#wrapper-10x .pl-3, .px-3 { padding-left:1.5rem !important; }
#wrapper-10x .pr-3, .px-3 { padding-right:1.5rem !important; }
#wrapper-10x .pl-4, .px-4 { padding-left:2.25rem !important; }
#wrapper-10x .pr-4, .px-4 { padding-right:2.25rem !important; }

#wrapper-10x .mb-0, .my-0 { margin-bottom: 0 !important; }
#wrapper-10x .mt-0, .my-0 { margin-top: 0 !important; }
#wrapper-10x .mb-1, .my-1 { margin-bottom:0.375rem !important; }
#wrapper-10x .mt-1, .my-1 { margin-top:0.375rem !important; }
#wrapper-10x .mb-2, .my-2 { margin-bottom:0.75rem !important; }
#wrapper-10x .mt-2, .my-2 { margin-top:0.75rem !important; }
#wrapper-10x .mb-3, .my-3 { margin-bottom:1.5rem !important; }
#wrapper-10x .mt-3, .my-3 { margin-top:1.5rem !important; }
#wrapper-10x .mb-4, .my-4 { margin-bottom:2.25rem !important; }
#wrapper-10x .mt-4, .my-4 { margin-top:2.25rem !important; }

#wrapper-10x .ml-0, .mx-0 { margin-left: 0 !important; }
#wrapper-10x .mr-0, .mx-0 { margin-right: 0 !important; }
#wrapper-10x .ml-1, .mx-1 { margin-left:0.375rem !important; }
#wrapper-10x .mr-1, .mx-1 { margin-right:0.375rem !important; }
#wrapper-10x .ml-2, .mx-2 { margin-left:0.75rem !important; }
#wrapper-10x .mr-2, .mx-2 { margin-right:0.75rem !important; }
#wrapper-10x .ml-3, .mx-3 { margin-left:1.5rem !important; }
#wrapper-10x .mr-3, .mx-3 { margin-right:1.5rem !important; }
#wrapper-10x .ml-4, .mx-4 { margin-left:2.25rem !important; }
#wrapper-10x .mr-4, .mx-4 { margin-right:2.25rem !important; }

#wrapper-10x .col-auto {
    flex: 0 0 auto;
    padding: 0 5px;
    box-sizing:border-box;
    width: auto;
    max-width: 100%; }
#wrapper-10x .col-1, #wrapper-10x .colm-1 {
    flex: 0 0 8.33333%;
    padding: 0 5px;
    box-sizing:border-box;
    max-width: 8.33333%; }
#wrapper-10x .col-2, #wrapper-10x .colm-2 {
    flex: 0 0 16.66667%;
    padding: 0 5px;
    box-sizing:border-box;
    max-width: 16.66667%; }
#wrapper-10x .col-3, #wrapper-10x .colm-3 {
    flex: 0 0 25%;
    padding: 0 5px;
    box-sizing:border-box;
    max-width: 25%; }
#wrapper-10x .col-4, #wrapper-10x .colm-4 {
    flex: 0 0 33.33333%;
    padding: 0 5px;
    box-sizing:border-box;
    max-width: 33.33333%; }
#wrapper-10x .col-5, #wrapper-10x .colm-5 {
    flex: 0 0 41.66667%;
    padding: 0 5px;
    box-sizing:border-box;
    max-width: 41.66667%; }
#wrapper-10x .col-6, #wrapper-10x .colm-6 {
    flex: 0 0 50%;
    padding: 0 5px;
    box-sizing:border-box;
    max-width: 50%; }
#wrapper-10x .col-7, #wrapper-10x .colm-7 {
    flex: 0 0 58.33333%;
    padding: 0 5px;
    box-sizing:border-box;
    max-width: 58.33333%; }
#wrapper-10x .col-8, #wrapper-10x .colm-8 {
    flex: 0 0 66.66667%;
    padding: 0 5px;
    box-sizing:border-box;
    max-width: 66.66667%; }
#wrapper-10x .col-9, #wrapper-10x .colm-9 {
    flex: 0 0 75%;
    padding: 0 5px;
    box-sizing:border-box;
    max-width: 75%; }
#wrapper-10x .col-10, #wrapper-10x .colm-10 {
    flex: 0 0 83.33333%;
    padding: 0 5px;
    box-sizing:border-box;
    max-width: 83.33333%; }
#wrapper-10x .col-11, #wrapper-10x .colm-11 {
    flex: 0 0 91.66667%;
    padding: 0 5px;
    box-sizing:border-box;
    max-width: 91.66667%; }
#wrapper-10x .col-12, #wrapper-10x .colm-12 {
    flex: 0 0 100%;
    padding: 0 5px;
    box-sizing:border-box;
    max-width: 100%; }
    
#wrapper-10x .checkbox label {
    margin-left:41px;
    display:inline-block;
    width:100%;
    position:initial;
}
#wrapper-10x .checkbox {
	position:relative;
	line-height:24px;
	width:calc(100% - 40px);
	min-height:35px;
}	
#wrapper-10x .checkbox label::before {
    background-color: transparent;
    border-radius: 3px;
    border-color:transparent;
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    left: 0;
    margin-left: 0;
    position: absolute;
    transition: 0.3s ease-in-out;
    outline: none !important;
    top: 0px;
}    
#wrapper-10x .checkbox input + label::before {
    background-color: #fff;
    border:1px solid #ccc;
    cursor:pointer;
}
#wrapper-10x .checkbox label::after {
    color: #6c757d;
    display: inline-block;
    font-size: 11px;
    height: 18px;
    left: 0;
    margin-left: 0px;
    padding-left: 3px;
    padding-top: 2px;
    position: absolute;
    top: 0;
    width: 18px;
}
#wrapper-10x .checkbox input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 9px;
    display: table;
    width: 7px;
    height: 20px;
    border: 4px solid #0A920A;
    border-top-width: 2px;
    border-left-width: 2px;
    border-top-width: 0;
    border-left-width: 0;
    transform: rotate(45deg);
}
#wrapper-10x .checkbox.checkbox-single input {
    height: 28px;
    width: 28px;
    position: absolute;
}
#wrapper-10x .checkbox input[type="checkbox"] {
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    outline: none !important;
}

#wrapper-10x .payment-sepa-fields{
	display: none !important;
	flex-direction: column;
}

#wrapper-10x .paymenttype-10x input[type="radio"][value="5"]:checked + label > .payment-sepa-fields{
    display: flex !important;
}
#wrapper-10x .paymenttype-10x input[type="radio"]:checked + label > .form-group.payment-beschr{
	display: block !important;
}

/* --------------------------------------------------------------------------------------------
   Buchungsformular
   -------------------------------------------------------------------------------------------- */
#wrapper-10x .product-wrap-10x  {
	display:flex;
}	
#wrapper-10x .wrapper-loader-10x,
#wrapper-10x .wrapper-error-10x {
	display:none;
}
#wrapper-10x .wrapper-error-10x {
	background-color: #EFD1D2;
	color: #f00 !important;
	padding: 10px 20px;
	margin-bottom: 20px;
	border-radius: 3px;
	width:100%;
}	
#wrapper-10x .wrapper-loader-10x .loader-10x {
 width: 70px;
 height: 70px;
 position:relative;
 display:flex;
 margin:0 auto;
 font-size:11px;
 align-items:center;
 justify-content:center;
}
#wrapper-10x .wrapper-loader-10x .loader-10x .circle-10x {
 background-color: transparent;
 border-left: 1px solid transparent !important;
 border-top: 1px solid #333 !important;
 border-right: 1px solid #333 !important;
 border-bottom: 1px solid #333 !important;
 border-radius: 50%;
 width: 70px;
 height: 70px;
 position:absolute;
 top:0px;
 left:0px;
 -moz-animation: spin .8s infinite linear !important;
 -webkit-animation: spin .8s infinite linear !important;
}
#wrapper-10x .loader-show {
	display:block;	
}
@keyframes spin {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
#wrapper-10x .form-group.product-wrap-10x {
	display: flex !important;
	background-color: #eee;
	margin-bottom: 4px !important;
	padding: 6px 6px 0px 6px;
	border-radius: 3px;	
}	
#wrapper-10x .product-wrap-10x .checkbox {
	font-size:1.2rem;
	display:flex;
	flex-direction:row;
	width:100%;
	min-height:auto !important;
	line-height:35px !important;
}
#wrapper-10x .product-wrap-10x .checkbox label {
	width:75%
}
#wrapper-10x .product-wrap-10x .checkbox span {
	width:25%;
	text-align:right;
	white-space:no-wrap;
}
#wrapper-10x .product-wrap-10x.product-summary {
	margin-bottom:20px;
	background:none !important;
}	
#wrapper-10x .product-wrap-10x.product-summary .product-summary-left {
	font-weight:bold;
	font-size:1.2rem;
	width:75%;
}	
#wrapper-10x .product-wrap-10x.product-summary .product-summary-right {
	text-align:right;
	font-weight:bold;
	font-size:1.2rem;
	width:25%;
}	
#wrapper-10x .tooltip-10x {
  display: inline-block;
  width: 17px !important;
  height: 17px !important;
  border-radius: 50%;
  margin-left: 3px;
  position: relative;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' height='160' width='160' version='1.0'%3E%3Cg fill='%234b4b4b'%3E%3Cpath d='m80 15c-35.88 0-65 29.12-65 65s29.12 65 65 65 65-29.12 65-65-29.12-65-65-65zm0 10c30.36 0 55 24.64 55 55s-24.64 55-55 55-55-24.64-55-55 24.64-55 55-55z'/%3E%3Cpath d='m57.373 18.231a9.3834 9.1153 0 1 1 -18.767 0 9.3834 9.1153 0 1 1 18.767 0z' transform='matrix(1.1989 0 0 1.2342 21.214 28.75)'/%3E%3Cpath d='m90.665 110.96c-0.069 2.73 1.211 3.5 4.327 3.82l5.008 0.1v5.12h-39.073v-5.12l5.503-0.1c3.291-0.1 4.082-1.38 4.327-3.82v-30.813c0.035-4.879-6.296-4.113-10.757-3.968v-5.074l30.665-1.105'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size:16px 16px;
}    

#wrapper-10x .tooltip-10x:hover .tooltip-content-10x {
  visibility: visible;
  opacity: 1;
}
#wrapper-10x .tooltip-10x .tooltip-content-10x::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 107px;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;	
}
#wrapper-10x .tooltip-10x .tooltip-content-10x {
  visibility: hidden;
  opacity: 1;
  background-color: #ffffe9f5;
  text-align: left !important;
  border-radius: 6px;
  padding: 10px;
  font-size:0.7em !important;
  line-height:1.3em !important;
  border:1px solid #ccc;
  position: absolute;
  z-index: 1;
  width:320px !important;
  left: -100px;
  top: 30px;
  transition: opacity 0.3s;
}
#wrapper-10x .tooltip-10x .tooltip-content-10x img {
	width:100%;
	border:1px solid #eee;
	margin-top:10px;
}	
#wrapper-10x .autocomplete {
	max-width:100% !important;
	width:100% !important;
}
#wrapper-10x .dg_form_wrap input[type=text],
#wrapper-10x .dg_form_wrap input[type=email],
#wrapper-10x .dg_form_wrap input[type=date],
#wrapper-10x .dg_form_wrap input[type=password],
#wrapper-10x .dg_form_wrap select,
#wrapper-10x .dg_form_wrap textarea {
 font-size:16px;
 padding:6px 8px;
 border:none;
 background-color:#eee;
 color:#333;
 margin-bottom:5px;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border-radius:3px;
 font-family:Helvetica;
}
#wrapper-10x .dg_form_wrap textarea {
	height:100px;
	font-family:inherit;
}	
#wrapper-10x .dg_form_wrap select {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMiIgYmFzZVByb2ZpbGU9InRpbnkiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDIwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48L2c+PGc+PHJlY3QgeD0iMC4wNjMiIHk9IjAuMDYzIiBmaWxsPSIjRjBGMEYwIiB3aWR0aD0iMjAuMDYzIiBoZWlnaHQ9IjQ5LjkzOCIvPjxwb2x5Z29uIHBvaW50cz0iNi4wMzMsMjMuMDEzIDEwLjA5NCwyNy4wNSAxNC4xNTQsMjMuMDEzICIvPjwvZz48L3N2Zz4=) center right no-repeat #eee;
 cursor:pointer;
 padding-right:24px !important;
}
#wrapper-10x .dg_form_wrap input[type=radio] {
 opacity:0;
 float:left;
 clear:left;
}
#wrapper-10x .dg_form_wrap input[type=radio] + label {
 margin:0 0 0 16px !important;
 position:relative;
 cursor:pointer;
 line-height:38px;
 padding:0 8px;
 float:left;
 width: calc(100% - 16px);
}
#wrapper-10x .dg_form_wrap input[type=radio] + label ~ label {
  margin: 0 0 0 8px;
}
                                                     
#wrapper-10x .dg_form_wrap input[type=radio] + label::before {
 content: ' ';
 position: absolute;
 left: -38px;
 top: 1px;
 margin-bottom:5px;
 width: 32px;
 height: 32px;
 display: block;
 background-color:#fff;
 border:1px solid #ccc;
 border-radius:50%;
}
#wrapper-10x .dg_form_wrap input[type=radio] + label::after {
  content: ' ';
  position: absolute;
  left: -33px;
  top: 6px;
  width: 24px;
  height: 24px;
  display: block;
  border-radius:50%;
  z-index: 1;
  background-color:#757575;
  -ms-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .3s ease;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
#wrapper-10x .dg_form_wrap input[type=radio]:checked + label::after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#wrapper-10x .dg_form_wrap .dg_product1, .dg_form_wrap .dg_product2 {
 float:left;
 width:49%;
 background-color:#eee;
 text-align:center;
 padding:10px 7px;
 margin-bottom:5px;
 position: relative;
}
#wrapper-10x .dg_form_wrap * {
 box-sizing:border-box;
}
#wrapper-10x .dg_form_wrap {
 margin:0 20px;
}
#wrapper-10x .dg_form_left {
 float:left;
 width:40%;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 background-color:#fff;
 padding:20px;
}
#wrapper-10x .dg_form_response {
 float:left;
 width:100%;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 background-color:#fff;
 padding:100px 20px;
 display:none;
 margin-bottom:60px;
}
#wrapper-10x .dg_form_response .dg_form_resp_titel,
#wrapper-10x .dg_form_response .dg_form_resp_text {
 clear:left;
 float:left;
 width:100%;
 text-align:center;
}
#wrapper-10x .dg_form_response .dg_form_resp_titel {
 font-size:24px;
 font-weight:bold;
}
#wrapper-10x .dg_form_response .dg_form_resp_text {
 margin-top:30px;
 font-size:16px;
}
#wrapper-10x .dg_form_left_lang {
 float:left;
 width:59%;
 display:none;
 margin-left:1%;
}
#wrapper-10x .dg_form_left_100 {
 width:100% !important;
 margin-bottom:60px;
}
.dg_captcha_title {
    text-align: left;
    font-size: 1.1em;
    margin: 10px 0 5px 0;
    background-color: #f9dfdf;
    padding: 3px 5px;
}
#wrapper-10x .dg_form_left_100 .dg_form_left_kurz {
 float:left;
 width:40%;
 padding-right:25px;
}
#wrapper-10x .dg_form_left_100 .dg_form_left_kurz .button {
 display:none;
}
#wrapper-10x .dg_form_left_100 .dg_form_left_lang {
 display:inline-block;
}
#wrapper-10x .dg_error {
 clear:left;
 float:left;
 width:100%;
 box-sizing:border-box;
 background-color:#EFD1D2;
 margin-top:20px;
 padding:10px 8px;
 display:none;
}
#wrapper-10x .dg_error {
 clear:left;
 float:left;
 width:100%;
 box-sizing:border-box;
 background-color:#e00;
 margin:20px 0 40px 0;
 padding:15px;
 color:#fff;
 font-size:18px;
}



#wrapper-10x p {
	display:block !important;
}	


#wrapper-10x .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.9rem + 2px);
    padding: 0.45rem 0.9rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#wrapper-10x .dg_form_left .button,
#wrapper-10x .submit-10x button {
 font-size:23px;
 text-align:center;
 width:100%;
 background-color:#00B900;
 color:#fff !important;
 padding:5px 8px;
 border:none;
 border-radius:3px;
 cursor:pointer;
 margin-top:20px;
}
#wrapper-10x .dg_form_left .button:hover,
#wrapper-10x .submit-10x button:hover {
 background-color:#0A920A;
}
#wrapper-10x .olControlAttribution {
	font-size:9px;
	right:2px;
	bottom:2px;
	position:absolute;
}
#wrapper-10x .footer-10x {
	margin-top:20px;
	flex-direction:column;
}	
#wrapper-10x .footer-10x > div > label {
  font-size: 0.87rem !important;
  line-height: 1rem !important;
} 
#wrapper-10x .map-10x {
	margin-bottom:5px !important;
}	
#wrapper-10x .map-10x .olMapViewport {
	border-radius:3px;	
}
#wrapper-10x .geocoding .olMap {
	display: none;
}
#wrapper-10x .geocoding ul.autocomplete-list {
	display: none;
}
#wrapper-10x .geocoding label {
	display:none;
}
#wrapper-10x .geocoding-map {
	flex-direction:column;
}
#wrapper-10x .checkbox input.property-required + label::before,
#wrapper-10x .property-required {
	background-color:#EFD1D2 !important;
}	
#wrapper-10x input:invalid {
    border: none !important;
    box-shadow: none !important;
}    

#wrapper-10x .dg_form_right > .form-group.paymenttype-10x > label {
    display:block;
}
#wrapper-10x .form-group {
	display:flex;
	width:100%;
	padding:0 2px;
}
#wrapper-10x .einhalb { width:calc(100% / 2) !important; }
#wrapper-10x .eindrittel { width:calc(100% / 3) !important; }
#wrapper-10x .zweidrittel { width:calc(100% / 3 * 2) !important; }
#wrapper-10x .einviertel { width:calc(100% / 4) !important; }
#wrapper-10x .dreiviertel { width:calc(100% / 4 * 3) !important; }

#wrapper-10x .form-group.payment-beschr {
	display: none;
	font-size:0.85rem;
	/* line-height:1.1rem; */
	font-size: 0.8em;
	line-height: 1rem;
	font-style: italic;
	margin-bottom: 10px !important;
}
#wrapper-10x .form-group.paymenttype-10x img {
	height:40px;
	margin-bottom:10px;
}
#wrapper-10x .captcha-10x {
	position:relative;
	margin-bottom:4px;
}
#wrapper-10x .captcha-10x .reload {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNSAxOGM0LjY2NyA0LjY2NyAxMiAxLjgzMyAxMi00LjA0MmgtM2w1LTYgNSA2aC0zYy0xLjEyNSA3Ljk4LTExLjU5NCAxMS4xMDQtMTYgNC4wNDJ6bTE0LTExLjk4NGMtNC42NjctNC42NjctMTItMS44MzQtMTIgNC4wNDFoM2wtNSA2LTUtNmgzYzEuMTI1LTcuOTc5IDExLjU5NC0xMS4xMDQgMTYtNC4wNDF6Ii8+PC9zdmc+) center right no-repeat transparent;
	background-size:20px;
	cursor:pointer;
	width:25px;
	height:25px;
	position:absolute;
	right:0;
}

#wrapper-10x .customer_area_link_button, #wrapper-10x .customer_area_link_button:link, #wrapper-10x .customer_area_link_button:visited {
	display:inline-block;
	padding:10px 20px;
	background-color:#aaa;
	border-radius:3px;
	color:#fff;
	text-decoration:none;
}
#wrapper-10x .customer_area_link_button:hover { 
	background-color:#888;
	cursor:pointer;
}
#wrapper-10x .payment-button-reference,
#wrapper-10x .payment-button-text,
#wrapper-10x .payment-button-wrap {
    width: 100%;
    display:none;
    text-align:center;
}
#wrapper-10x .customer-area-payments .payment-button-wrap{
	display:inline-block;
}
#wrapper-10x .form-group-hide {
	opacity:0.3;
}
#wrapper-10x .form-group.submit-10x {
	flex-direction:column;
	margin-top:10px;
}
#wrapper-10x .payment-button-text {
	padding-left:45px;
	position:relative;
}
#wrapper-10x .payment-button-text:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 13px;
	display: table;
	width: 12px;
	height: 26px;
	border: 6px solid #0A920A;
    border-top-width: 0px;
    border-left-width: 0px;
	transform: rotate(45deg);
}	












/* --------------------------------------------------------------------------------------------
   Kundenportal - Customer Area 
   -------------------------------------------------------------------------------------------- */
#wrapper-10x .ca_wrap {
	display:block !important;
	display:flex !important;	
	flex-direction:column;
	font-size:0.9rem;
	line-height:1.1rem;
	padding:10px 10px 10px 0;
}
#wrapper-10x .ca_wrap a,
#wrapper-10x .ca_wrap a:link,
#wrapper-10x .ca_wrap a:visited {
	color:#00B900;
}	
#wrapper-10x .ca_wrap a:hover {
	color:#0A920A;
}
#wrapper-10x .ca_desktop {
}	
#wrapper-10x .ca_mobile {
	display:none;
}	
@media only screen and (max-width:1024px) {
	#wrapper-10x .ca_desktop { display:none; }
	#wrapper-10x .ca_mobile { display:block; }
}	
#wrapper-10x .ca_wrap .ca_section {
	display:flex;
	flex-direction:row;
	align-items:stretch;
}	
#wrapper-10x .ca_wrap .ca_section .ca_section_left {
	display:flex;
	width:10%;
	background: 50% 20px url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg"  height="10" width="10"><g fill="none" stroke="black" stroke-width="1"><path stroke-dasharray="2,6" d="M5 50 v-50" /> </g></svg>') repeat-y;
}
#wrapper-10x .ca_wrap .ca_section:last-child .ca_section_left {
	background:none;
}	
#wrapper-10x .ca_wrap .ca_section .ca_section_right {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	width:90%;
	padding-bottom:50px;
}	
#wrapper-10x .ca_wrap .ca_section .ca_section_number {
	display: flex;
	align-items: center;
	justify-content: center;
	width:min(6.5vw,70px);
	height:min(6.5vw,70px);
	border-radius:50%;
	background-color:#ccc;
	color:#fff;
	font-size:min(3.5vw,30px);
	margin:0 auto;
	border:2px solid #fff;
}	
#wrapper-10x .ca_wrap .ca_section .ca_section_number0 {
	background-color:#D1471E;
}	
#wrapper-10x .ca_wrap .ca_section .ca_section_number1 {
	background-color:#65cc5d;
}	
#wrapper-10x .ca_wrap .ca_section .ca_section_right h2 {
	font-weight:normal;
	font-size:1.4rem;
	line-height:1.6rem;
	border-bottom:1px solid #ccc;
	display:flex;
	flex: 0 0 100%;
	max-width: 100%;
}	
#wrapper-10x .ca_wrap .ca_section .ca_section_right h3 {
	font-weight:normal;
	font-size:1.1rem;
	line-height:1.3rem;
	display:flex;
	flex: 0 0 100%;
	max-width: 100%;
	margin:1px;
}
#wrapper-10x .ca_wrap .ca_section .ca_box {
	margin-bottom:8px;
}	
#wrapper-10x .ca_wrap .ca_section .ca_box_title {
	font-weight:bold;
	background-color:#f0f0f0;
	padding:0.5rem;
	margin:0 4px;
}
#wrapper-10x .ca_wrap .ca_section .table-head {
	background-color:#f0f0f0;
	padding:0.5rem;
}	
#wrapper-10x .ca_wrap .ca_section .ca_box_content {
	background-color:#fbfbfb;
	border:1px solid #f0f0f0;
	padding:0.3rem;
	margin:0 4px;
}

#wrapper-10x .money-green {
	color:#00bd00;
	white-space:no-wrap;
}
#wrapper-10x .money-red {
	color:red;
	white-space:no-wrap;
}
#wrapper-10x .rn-overdue {
	color:red;
}	
#wrapper-10x .rn-status,
#wrapper-10x .rn-type-status,
#wrapper-10x .za-status {
	border-radius:7px;
	padding:2px 7px;
	color:#fff;
	line-height:1.5;
}
#wrapper-10x .rn-status-0 {	background-color:#ff0000; }	/* OF */
#wrapper-10x .rn-status-1 {	background-color:#e800b9; }	/* UZ */
#wrapper-10x .rn-status-2 {	background-color:#1ad000; }	/* BZ */
#wrapper-10x .rn-status-3 {	background-color:#00d7d7; }	/* ÜZ */
#wrapper-10x .rn-status-4 {	background-color:#ccc; }	/* ST */
#wrapper-10x .rn-status-5 {	background-color:#f2f200; }	/* ZE1 */
#wrapper-10x .rn-status-6 {	background-color:#f2aa00; }	/* ZE2 */
#wrapper-10x .rn-status-7 {	background-color:#ff8200; }	/* ZE3 */
#wrapper-10x .rn-status-8 {	background-color:#000; }	/* MA */

#wrapper-10x .za-status-1 {	background-color:#1ad000; }	/* EZ */
#wrapper-10x .za-status-2 {	background-color:#00d7d7; }	/* AZ */
#wrapper-10x .za-status-3 {	background-color:#ccc; }	/* ST */

#wrapper-10x .rn-type-status-1 {	background-color:#1ad000; }	/* RN */
#wrapper-10x .rn-type-status-2 {	background-color:#ff9231; }	/* SR */
#wrapper-10x .rn-type-status-3 {	background-color:#00d7d7; }	/* GS */

#wrapper-10x img.domain-xs,
#wrapper-10x img.paymenttype-xs,
#wrapper-10x img.product-xs {
	height: 1.5rem;
}
#wrapper-10x img.domain-s,
#wrapper-10x img.paymenttype-s,
#wrapper-10x img.product-s {
	height: 2rem;
}
#wrapper-10x img.domain-m,
#wrapper-10x img.paymenttype-m,
#wrapper-10x img.product-m {
	height: 2.5rem;
}
#wrapper-10x img.domain-l,
#wrapper-10x img.paymenttype-l,
#wrapper-10x img.product-l {
	height: 3rem;
}

#wrapper-10x [style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
#wrapper-10x [style*="--aspect-ratio"] > img {  
  height: auto;
} 
@supports (--custom:property) {
  #wrapper-10x [style*="--aspect-ratio"] {
    position: relative;
  }
  #wrapper-10x [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  #wrapper-10x [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}
#wrapper-10x .customerarea-payment-buttons {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
#wrapper-10x #customerarea-amazon-button,
#wrapper-10x #customerarea-paypal-button {
	border:1px solid transparent;
	background-color:transparent;
	cursor:pointer;
	padding:0;
	margin-right:7px;
}
#wrapper-10x #customerarea-amazon-button:hover img {
	filter: brightness(90%);
}	

#wrapper-10x .mandate-wrap {
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
	background-color: #fff;
	padding: 20px 30px;
	width: 100%;
	max-width:500px;
	font-size:min(0.9rem,1.2vw);
	line-height:min(1.1rem,1.4vw);
	box-sizing:border-box;
	margin-bottom:30px; 
}
#wrapper-10x .mandate-wrap header {
	height: auto !important;
	max-height: auto !important;
	min-height: auto !important;
}	
#wrapper-10x .mandate-wrap .wappen {
 	float:right;
 	text-align:right;
 	width:24%;
 }
#wrapper-10x .mandate-wrap .wappen img {
 	width:100%;
 }

#wrapper-10x .mandate-wrap main {
	display:inline-block;
}
#wrapper-10x .mandate-wrap .vollmacht-titel {
    margin-top:20px;
    font-weight:bold;
    font-size:1.4em;
    text-align:center;
 }
#wrapper-10x .mandate-wrap .vollmacht-untertitel {
    font-weight:bold;
    font-size:1.0em;
    text-align:center;
 }
#wrapper-10x .mandate-wrap .vollmacht-content {
 	margin-top:10mm;
 }
#wrapper-10x .mandate-wrap .vollmacht-table {
 	margin-left:5mm;
 }
#wrapper-10x .mandate-wrap .vollmacht-table tr td {
 	vertical-align:top;
 }
#wrapper-10x .mandate-wrap .vollmacht-table-left {
 	width:50mm;
 }
#wrapper-10x .mandate-wrap .vollmacht-table-right {
 	width:120mm;
 }
#wrapper-10x .mandate-wrap .vollmacht-unterschrift {
 	clear:left;
 	float:left;
 	width:100%;
 	margin-top:40px;
 }
#wrapper-10x .mandate-wrap .vollmacht-unterschrift-left {
 	float:left;
 	width:40%;
 }
#wrapper-10x .mandate-wrap .vollmacht-unterschrift-right {
 	float:left;
 	width:40%;
 	margin-left:20%;
 }
#wrapper-10x .mandate-wrap .vollmacht-unterschrift-left-ortdatum {
 	height:30px;
 	border-bottom:0.25mm solid #333;
 } 
#wrapper-10x .mandate-wrap .vollmacht-unterschrift-right-sign {
 	height:30px;
 	text-align:center;
 	border-bottom:0.25mm solid #333;
 }

#wrapper-10x .mandate-wrap .vollmacht-unterschrift-left-legende,
#wrapper-10x .mandate-wrap .vollmacht-unterschrift-right-legende {
 	font-size:0.8em;
 }
#wrapper-10x .mandate-wrap .vollmacht-footer-mini {
    font-size:0.7em;
    text-align:right;
 }
#wrapper-10x .mandate-wrap footer {
	display:inline-block;
	width:100%;
	margin-top: 40px;
}
#wrapper-10x .mandate-wrap  .footer-mini {
    font-size:0.5em;
    border-bottom:0.3px solid #000;
    padding-left:0.5mm;
 }
#wrapper-10x .mandate-wrap .footer-content {
    font-size:0.5em;
    line-height:1em;
 }

 
/*

#wrapper-10x .mandate-wrap .header-left {
    width:65mm;
    font-size:1.1em;
 }
#wrapper-10x .mandate-wrap .header-right {
    width:100mm;
    text-align:right;
 }
#wrapper-10x .mandate-wrap .logo {
    width:150px;
 }
#wrapper-10x .mandate-wrap .title {
    text-align:center;
    width:100%;
 }
#wrapper-10x .mandate-wrap .title1 {
    font-size:1.5em;
    font-weight:bold;
 }
#wrapper-10x .mandate-wrap .title2 {
    font-size:1.1em;
 } 
 
#wrapper-10x .mandate-wrap .customer-left {
    width:65mm;
 }
#wrapper-10x .mandate-wrap .customer-right {
    width:65mm;
 }
#wrapper-10x .mandate-wrap .grundstueck-left {
    width:65mm;
 }
#wrapper-10x .mandate-wrap .grundstueck-right {
    width:100mm;
 } 

#wrapper-10x .mandate-wrap .sign-middle {
    width:40mm;
 }
#wrapper-10x .mandate-wrap .sign-left1 {
    width:60mm;
    border-bottom:0.5px solid #000;
 }
#wrapper-10x .mandate-wrap .sign-right1 {
    width:60mm;
    border-bottom:0.5px solid #000;
 }
#wrapper-10x .mandate-wrap .sign-left2 {
    width:60mm;
    font-size:0.8em;
 }
#wrapper-10x .mandate-wrap .sign-right2 {
    width:60mm;
    font-size:0.8em;
}
*/ 
#wrapper-10x .oder {
	font-size:1.6rem;
}
#wrapper-10x ol {
	padding-left:18px;
	margin-top:0;
	margin-bottom:10px;
}	
#wrapper-10x ol li {
	margin:10px 0;
}	

.jq-toast-single {
	width:auto !important;
}



#wrapper-10x .dropzone {
	border: 2px dashed #ced4da;
	background: #fff;
	border-radius: 6px;
	cursor: pointer;
	height: 80px;
	padding: 20px;
	box-shadow: none; 
}
#wrapper-10x .dropzone .dz-message {
    text-align: center;
}
#wrapper-10x .dropzone .dz-message h4 {
	margin:0;
    font-weight:normal;
    font-size:0.8rem;
}	
#wrapper-10x .dropzone.dz-started .dz-message {
    display: none; 
}
#wrapper-10x .dropzone:hover {
	background-color:rgba(200,200,0,0.1);
}
#wrapper-10x .document-row {
	border-bottom:1px dotted #d5d5d5;
}
#wrapper-10x .document-status-0 {
	border-left:4px solid #d1471e;
	background-color:rgba(209,71,30,0.05);
}
#wrapper-10x .document-status-1 {
	border-left:4px solid #64e864;
	background-color:rgba(100,232,100,0.05);
}
#wrapper-10x .document-status-0-notrequired,
#wrapper-10x .document-status-1-notrequired{
	border-left:4px solid #ccc;
	background-color:#f8f8f8;
}
#wrapper-10x .getpdf img {
	height:32px;
}
#wrapper-10x .getpdf.iconmini img {
	height:16px;
	filter: grayscale(60%);
}
#wrapper-10x .document-pages-wrap {
	display:none;
	background-color:rgba(255,255,255,0.4);
	box-sizing:border-box;
	margin-top:5px;
	padding:5px;
}
#wrapper-10x .document-pages-wrap .document-pages-delete {
	display:none;
}
#wrapper-10x .document-pages-wrap .ms-sort {
    display: inline-block;
    width: 50px;
    padding: 0;
}
#wrapper-10x .document-pages-wrap .ms-sort svg {
	width:24px;
	cursor:pointer;
}	
#wrapper-10x .document-pages-wrap .ms-sort svg:first-child {
	float:left;
}
#wrapper-10x .document-pages-wrap .ms-sort svg:last-child {
	float:right;
}
#wrapper-10x .document-pages-wrap > .row:first-child .ms-sort svg:first-child,
#wrapper-10x .document-pages-wrap > .row:nth-last-child(2) .ms-sort svg:last-child {
	display: none;
}
#wrapper-10x .document-beschr {
	font-style:italic;
	color:#a4a4a4;
}
#wrapper-10x .btn {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	user-select:none;
	border:1px solid transparent;
	line-height:1.5;
	border-radius:3px;
	font-size:0.9rem;
	cursor:pointer;
	padding:0 5px;
	text-decoration:none;
}	

#wrapper-10x .btn-default-10x {
	color:#fff;
	background-color:#bbb;
	border:1px solid #aaa;
}	
#wrapper-10x .btn-default-10x:hover {
	background-color:#666;
	border:1px solid #333;
}

#wrapper-10x .btn-green-10x {
	color:#fff;
	background-color:#00B900;
	border:1px solid #0A920A;
}	
#wrapper-10x .btn-green-10x:hover {
	background-color:#0A920A;
	border:1px solid #0A920A;
}
#wrapper-10x .btn-digital-sign {
	background-color:#00B900;
	border:none;
	padding:2px 8px;
	font-size:0.9rem;
	box-sizing:border-box;
}
#wrapper-10x .btn-mandate-download {
	padding:8px 20px;
	background-color:#666;
	border:1px solid #666;
	color:#fff !important;
}
#wrapper-10x .btn-mandate-download:hover {
	background-color:#bbb;
	border:1px solid #bbb;
	color:#fff !important;
}	
#wrapper-10x .btn-digital-sign:hover {
	background-color:#0A920A;
	border:none;
}
#wrapper-10x .mandate-wrap .btn-digital-sign {
	width:100%;
}	
#wrapper-10x .ca_box_content .btn-digital-sign {
	padding:5px 10px;
	font-size:1.3rem;
	width:80%;
}	

#wrapper-10x #sign_wrapper {
 position:fixed;
 top:0;
 left:0;
 background-color:rgba(0,0,0,0.7);
 width:100%;
 height:100%;
 z-index:100;
 display:none;
}
#wrapper-10x .signature-pad {
 background-color:#fff;
 width:400px;
 height:200px;
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-100px;
 margin-left:-200px;
}
#wrapper-10x .sign_wait {
 width:400px;
 height:200px;
 position:absolute;
 top:50%;
 left:50%;
 margin-top:0px;
 margin-left:-200px;
 color:#fff;
 font-size:20px;
 line-height:26px;
 text-align:center;
 display:none;
}
#wrapper-10x .sign_empty {
 width:400px;
 position:absolute;
 top:50%;
 left:50%;
 margin-top:150px;
 margin-left:-200px;
 color:#fff;
 background-color:#c00;
 font-size:16px;
 font-weight:normal;
 text-align:center;
 display:none;
 box-sizing:border-box;
 padding:7px;
}
#wrapper-10x .sign_button {
 width:400px;
 height:35px;
 position:absolute;
 top:50%;
 left:50%;
 margin-top:110px;
 margin-left:-200px;
}
#wrapper-10x .sign_button button {
 background-color:#ccc;
 padding:4px 10px;
 text-align:center;
 color:#333;
 border:none;
 border-radius:2px;
 cursor:pointer;
 float:left;
 margin-right:3px;
 font-size:16px;
}
#wrapper-10x .sign_button button.v_sign_button1 {
 background-color:#00B900;
 color:#fff;
 padding:4px 20px;
}
#wrapper-10x .sign_button button.v_sign_button1:hover {
 background-color:#0A920A;
}
#wrapper-10x .sign_button button.v_sign_button3 {
 float:right;
}
#wrapper-10x .sign_button button.v_sign_button2:hover,
#wrapper-10x .sign_button button.v_sign_button3:hover {
 background-color:#aaa;
}
#wrapper-10x .sign-error {
    width: 400px;
    background-color: #FCC;
    text-align: center;
    padding: 20px;
    margin: -100px 0 3px 0;
    font-size: 18px;
    color: red;
}
#wrapper-10x .UserIconImage {
    width: 34px;
    height: 34px;
    display: inline-block;
    border-radius: 50%;
    line-height: 30px;
    background-size: cover;
    margin-right: 5px;
    vertical-align:top;
    overflow:hidden;
    cursor:help;
    text-indent:-9999px;
}
@media only screen and (max-width:1024px) {
	#wrapper-10x .UserIconImage { display:block; margin-bottom:3px; }
}	
#wrapper-10x .UserIcon {
    width: 34px;
    height: 34px;
    display: inline-block;
    border-radius: 50%;
    line-height: 33px;
    background-color: #ccc;
    border: 1px solid #bbb;
    margin-right: 5px;
    vertical-align:top;
    overflow:hidden;
    color:#fff;
    font-size:16px;
    text-align:center;
    cursor:help;
}

#wrapper-10x .verify_type1 span.cross {
	display:none;
}
#wrapper-10x .verify_type2 span.check {
	display:none;
}
#wrapper-10x .bearbeiter_profilbild img {
    width: 100%;
}

#wrapper-10x .col {
 flex-basis: 0;
 flex-grow: 1;
 min-width: 0;
 max-width: 100%;
}

#wrapper-10x y .form-control{
	padding: 0.2rem !important;
	box-sizing: border-box;
	margin-bottom: 2px;
	height: auto !important;
}

#wrapper-10x .float-right{
	float: right;
}

/* RESPONSIVE */
@media only screen and (max-width: 1200px) {
	#wrapper-10x .dg_form_wrap .dg_product1, #wrapper-10x .dg_form_wrap .dg_product2 { width: 100%; margin: 0 0 5px 0; }
	
	
	#wrapper-10x .col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
	#wrapper-10x .col-2 {
	    flex: 0 0 16.66667%;
	    max-width: 16.66667%; }
	#wrapper-10x .col-3 {
	    flex: 0 0 25%;
	    max-width: 25%; }
	#wrapper-10x .col-4 {
	    flex: 0 0 33.33333%;
	    max-width: 33.33333%; }
	#wrapper-10x .col-5 {
	    flex: 0 0 41.66667%;
	    max-width: 41.66667%; }
	#wrapper-10x .col-6,
	#wrapper-10x .col-7,
	#wrapper-10x .col-8,
	#wrapper-10x .col-9,
	#wrapper-10x .col-10,
	#wrapper-10x .col-11,
	#wrapper-10x .col-12 {
	    flex: 0 0 100%;
	    max-width: 100%; }
}
@media only screen and (max-width: 992px) {
	#wrapper-10x .col-1,
	#wrapper-10x .col-2,
	#wrapper-10x .col-3 {
		word-wrap: anywhere;
	    flex: 0 0 25%;
	    max-width: 50%; }
	#wrapper-10x .col-4,
	#wrapper-10x .col-5 {
	    flex: 0 0 50%;
	    max-width: 50%; }
	.kp_l { margin-right: 5%; }
	.kp_r { width: 85%; }
	.kp_r .kp_content_l, .kp_r .kp_content_r, .kp_content_l70, .kp_content_r30 { width: 100%; margin-right: 0; margin-left: 0; }
	.kp_content_r30 { margin-top: 20px; }
	#wrapper-10x .dg_form_left .button, #wrapper-10x .dg_form_left, #wrapper-10x .dg_form_right { width: 100% !important; }
	#wrapper-10x .dg_form_right { margin-top: 20px; }
	#wrapper-10x .dg_form_left, #wrapper-10x .dg_form_right { padding-top: 20px; }
	#wrapper-10x .dg_form_right, #teaser { padding-bottom: 0; }
	.arrow-down { display: none; }
}
@media only screen and (max-width: 768px) {
	#wrapper-10x .col-1,
	#wrapper-10x .col-2,
	#wrapper-10x .col-3 {
	    flex: 0 0 50%;
	    max-width: 50%; }
	#wrapper-10x .col-4,
	#wrapper-10x .col-5 {
		word-wrap: anywhere;
	    flex: 0 0 100%;
	    max-width: 100%; }
	.kp_abschnitt { background: url(../images/bg_dotted.png) 25px 10px repeat-y; }
	.kp_abschnitt_last { background: none; }
	.kp_l .kp_nr { width: 50px; height: 50px; line-height: 40px; font-size: 22px; }
	#wrapper-10x .dg_form_left_100 .dg_form_left_kurz, #wrapper-10x .dg_form_left_100 .dg_form_left_lang { width: 100%; margin: 0; }	
	#wrapper-10x .dg_form_left_100 .dg_form_left_kurz { padding-right: 0; }
	#wrapper-10x .dg_form_left_100 .dg_form_left_lang { margin-top: 10px }
	#wrapper-10x .mandate-wrap .btn-digital-sign { display:none; }
}
@media only screen and (max-width: 576px) {
	#wrapper-10x .col-1,
	#wrapper-10x .col-2,
	#wrapper-10x .col-3 {
	    flex: 0 0 100%;
	    max-width: 100%; }
	#wrapper-10x .colm-1,
	#wrapper-10x .colm-2,
	#wrapper-10x .colm-3,
	#wrapper-10x .colm-4,
	#wrapper-10x .colm-5,
	#wrapper-10x .colm-6,
	#wrapper-10x .colm-7,
	#wrapper-10x .colm-8,
	#wrapper-10x .colm-9,
	#wrapper-10x .colm-10,
	#wrapper-10x .colm-11,
	#wrapper-10x .colm-12 {
		word-wrap: anywhere; }
	.dg_kp_wrap { margin-left: -15px; margin-right: -5px; }
	.kp_l { width: 13%; margin-right: 1%; }
	.kp_r { width: 86%; }
	.kp_r .kp_titel { line-height: 30px; }
	.kp_r .kp_text .sl { width: 40%; line-height: 18px; }
	.kp_r .kp_text .sr { width: 59%; line-height: 18px; }
	.kp_r .kp_text .sl, .kp_r .kp_text .sr { margin-top: 7px; }
	.kp_vollmacht .v_l, .kp_vollmacht .v_r { width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; }
	.kp_vollmacht .v_r { margin-top: 3px; margin-bottom: 5px; }
	.kp_vm_sign { padding: 5px 7px; }
	#wrapper-10x .dg_form_right h1, #wrapper-10x .service-box .service-title { font-size: 26px; }
	.fw-heading h1 { font-size: 36px; }
	#wrapper-10x .dg_form_wrap input[type="text"] { font-size: 14px; }
	[class^="fw-col-"] { padding-top: 5px; padding-bottom: 5px; }
	#wrapper-10x .dg_form_wrap #adress_map { margin-bottom: 5px; }
	#wrapper-10x .dg_form_wrap .dg_product1 { margin-bottom: 7px; }
	#wrapper-10x .dg_form_wrap .dg_product2 { margin-bottom: 0; }
	#wrapper-10x .dg_form_left_100 .dg_form_left_lang { margin-top: -2px; }
	#wrapper-10x .dg_formf label { display: inline; }
 	.v_button_sign_small { font-size:12px; padding:2px; }
 	#rc-imageselect, .g-recaptcha {transform:scale(0.85);-webkit-transform:scale(0.85);transform-origin:0 0;-webkit-transform-origin:0 0;}
}





 
#wrapper-10x .customer_area_link_button, #wrapper-10x .customer_area_link_button:link, #wrapper-10x .customer_area_link_button:visited {
display: inline-block;
padding: 15px 45px;
background-color: #c72424;
border-radius: 3px;
color: #fff;
text-decoration: none;

}
#wrapper-10x .customer_area_link_button:hover {
background-color: #f13737;
cursor: pointer;
}

#wrapper-10x .ca_wrap {
font-family: Open Sans, sans-serif;
}

 #wrapper-10x .dg_form_right > .form-group > label {
    display: none;
}
#wrapper-10x .dg_invoice_box {
    display:none;
    padding:5px 0 8px 20px;
    width:100%;
}
#wrapper-10x .dg_invoice_box > .form-group > label {
    display: none;
}
#wrapper-10x .btn-copy-grundstueck-customer {
    margin:5px 0;
    font-size: 0.7rem;
    background-color: #00B900;
}
#wrapper-10x .dg_form_right {
 float:left;
 width:60%;
 padding:15px 20px;
 display:none;
 flex-direction: row;
 flex-wrap: wrap;
 background-color: rgba(255,255,255,0.96); 
}
#wrapper-10x .dg_form_right h1 {
 color:#fff;
 margin-top:0;
 text-align:center;
}
#wrapper-10x .product-wrap-10x .checkbox {
    font-size: 1.2em;
    margin:0 !important;
    padding-left:6px !important;
}

#wrapper-10x .product-wrap-10x {
    display: flex !important;
    margin-bottom: 0 !important;
}
#wrapper-10x .product-wrap-10x.product-summary .product-summary-left,
#wrapper-10x .product-wrap-10x.product-summary .product-summary-right {
    font-size:1.2em;    
}
#wrapper-10x .geocoding-map {
    margin-top:20px;
}
#wrapper-10x .dg_form_left .button, #wrapper-10x .submit-10x button {
    padding:10px 8px;
}
#wrapper-10x .form-group {
    margin-bottom:0px !important;
}
#wrapper-10x .btn {
    padding:1px 5px;
    font-size:0.9em;
}
#wrapper-10x .checkbox input[type="checkbox"]:checked + label::after {
    width:13px;
    height:24px;
}
#wrapper-10x .dg_form_wrap input[type="radio"] + label::before {
    left:-30px;
}
#wrapper-10x .dg_form_wrap input[type="radio"] + label::after {
    left:-26px;
    top:5px;
}

body {
font-family: 'Lato', sans-serif;
color: #716d6e;
}
#wrapper-10x .customer_area_link_button, #wrapper-10x .customer_area_link_button:link, #wrapper-10x .customer_area_link_button:visited {
display: inline-block;
padding: 20px 50px;
background-color: #fbd41d;
border-radius: 3px;
border: 1px solid #4d4a4b;
color: #4d4a4b;
text-decoration: none;
}
#wrapper-10x .customer_area_link_button:hover {
background-color: #fbbe1d;
cursor: pointer;
}
#wrapper-10x {
color: #4d4a4b;
padding: 3px;
}
#wrapper-10x .bemerkung textarea {
 height:50px;
}




/* START CSS-Code fuer Ausrichtung Foto, nur für diese Seite/BookingForm*/
#wrapper-10x .dg_form_left,
#wrapper-10x .dg_form_right{
 margin: 0 auto;
}

#wrapper-10x{
 position: relative;
}

.dg_startbild{
 position: absolute;
 bottom: 0;
 right: 0;
 margin-right: 10px;
 width: 50%;
}

@media screen and (max-width: 1000px){
 
 
 #wrapper-10x .dg_form_left{
  background-color: rgba(255,255,255,0.96) !important; 
  margin:0px auto 0 auto;
  width: 100% !important;
 }
 #wrapper-10x .dg_form_right{
  margin: 0 auto 0px auto !important;
width: 100% !important;
 }
 .dg_startbild{
    display: none;
 }
}
/* ENDE CSS-Code fuer Ausrichtung Foto */

@media screen and (max-width: 500px) {
    #wrapper-10x .product-wrap-10x .checkbox{
        display: inline;
    }
    
    #wrapper-10x .product-wrap-10x .checkbox > span {
        float: left !important;
        width: 100%;
        text-align: left;
        margin-left: 41px;
    }
    #wrapper-10x .product-wrap-10x .checkbox label{
        float: left;
        width: 100%;
        word-break: normal;
        font-size: 18px;
        font-weight: bold;
    }
        #wrapper-10x .product-wrap-10x .checkbox input{
        float: left;
    }
    #wrapper-10x .product-wrap-10x {
        overflow: hidden;
    }
    #wrapper-10x .product-wrap-10x.product-summary .product-summary-right {
        width: 30% !important;
    }
}

#wrapper-10x ol {
    list-style-position: outside;
}